Создание красивого сайта с Parallax эффектом при движении мыши (HTML + CSS)

Все курсы в одном комплекте: Веб-дизайн с нейросетями: В этом уроке мы рассмотрим создание красивого сайта с Parallax эффектом при движении мыши. Это лучшая CSS практика в одном уроке - мы затронем очень много интересных приемов, это импорт и работа с переменными из JavaScript, создание светлой и темной темы, использование вложенных переменных CSS и математические операции над ними. Очень много логики, очень много функциональной составляющей данного примера ложится именно на CSS. Это мощный и интересный урок, в котором вы обязательно найдете для себя много нового. Страница урока: Таймкоды: 00:00 Начало урока 00:50 Обзор материалов урока 01:23 Приступаем к HTML верстке сайта 03:57 Подключаем файлы CSS и JavaScript 05:05 Приступаем к CSS стилизации 06:04 Подключение шрифтов CSS 06:48 Стилизация тега body 07:54 Верстка светлой и темной темы 13:40 HTML верстка сайта (вся разметка) 20:17 CSS стилизация списка 24:51 Верстка своего курсора 37:50 Оформление блоков списка 46:53 Плавная смена фона при наведении 49:06 Создание CSS счетчика 53:54 Плавная анимация в CSS 1:00:27 Красивое выравнивание текста 1:01:43 Четные и нечетные элементы CSS 1:04:51 Как задать градиент у border 1:06:52 Плавающая рамка с Parallax эффектом 1:14:59 Что ещё изучить? Телеграм:
Back to Top