Тёмный

Верстка сайта FIGMA с нуля. Верстаем первый экран, подключаем шрифты . HTML/CSS/JS №3 

WEB РАЗРАБОТКА
Подписаться 3,3 тыс.
Просмотров 624
50% 1

В этом видео мы продолжим верстать сайт. Сверстаем первый экран подключим новые шрифты, познакомимся со свойствами radial - gradient и filter: blur().
Код из видео - t.me/ineyeblog/136
Подписывайтесь на мой телеграм канал - t.me/ineyeblog
0:00 - верстка сайта с фигма
0:50 - тэг section
2:50 - добавляем полезные коммиты
5:10 - добавляем стили css для первого экрана
6:55 - свойство css text-shadow
8:15 - Перенос текста css / html
10:00 - Упорядочившем свойства css
18:25 - Находим и подключаем шрифт google fonts
20:00 - задаем background
22:55 - radial-gradient
23:10 - filter: blur()
24:00 - проблема наслоения слоев z-index
#html #css #htmlforbeginner #htmltutorial #csstutorial #css3 #html5 #htmlcss #версткасайта #верстка

Опубликовано:

 

15 июн 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 22   
@Illya.Landar
@Illya.Landar Год назад
Как вам видео, все понятно? Задавайте вопросы 👇👇👇
@emperorpiriyev5365
@emperorpiriyev5365 Год назад
Здравствуйте, у меня по середине бэкграунда получается какая то пустота или так сказать, белое место остается и вокруг него этот блюр, как это решить?
@Illya.Landar
@Illya.Landar Год назад
@@emperorpiriyev5365 а скинь сюда код css. как ты делал background. Там свойство background нужно один в один с фигмы скопировать
@emperorpiriyev5365
@emperorpiriyev5365 Год назад
@@Illya.Landar я скопировал один в один
@emperorpiriyev5365
@emperorpiriyev5365 Год назад
@@Illya.Landar .sellnft__bg { position: absolute; width: 1440px; height: 499px; left: 0px; top: 57px; background: pink; background: radial-gradient(50% 50% at 50% 50%, #E36CE6 0%, rgba(255, 255, 255, 0) 100%); opacity: 1; filter: blur(116px); z-index: -1; }
@Illya.Landar
@Illya.Landar Год назад
@@emperorpiriyev5365 у тебя 2 свойства background
@ivanrusakov-vj7ug
@ivanrusakov-vj7ug Год назад
Спасибо очень помог 👍👍👍👍👍
@Illya.Landar
@Illya.Landar Год назад
Обращайся
@addwonyou7195
@addwonyou7195 Год назад
У меня еще вопрос, я указал section__sellNFt margin-top правильно или лучше padding-top извините за такой тупой вопрос просто обучаюсь веб разработчиком и хочу узнать как правильно поступить
@Illya.Landar
@Illya.Landar Год назад
Зависит от ситуации. margin - внешний отступ. padding - внутрений отступ
@fantomgrivdogs5996
@fantomgrivdogs5996 Год назад
Подскажите пожалуйста, а есть ссылка на макет?
@Illya.Landar
@Illya.Landar Год назад
Да в описании
Далее
Best ASMR 😳
00:26
Просмотров 16 тыс.
Make a Login page in HTML and CSS
8:34
Просмотров 34
Productivity | Zettelkasten в Obsidian
16:26
Просмотров 360 тыс.