Как создать сайт с 3D анимацией волны | HTML CSS

Создание сайта от А до Я (комплексный курс): Создание интернет-магазина от А до Я: Создание крутого слайдера ( посадка на CMS): Все курсы в одном комплекте: В этом уроке мы рассмотрим создание сайта с красивой 3D анимацией волны при движении мыши. Разрабатывать пример мы будем на чистом HTML и CSS. Главный замысел урока - показать возможности стилизации соседних элементов в CSS. Немногие знают, что стилизовать можно не только последующие элементы, посредством использования , но и предыдущие элементы от выбранного. И сегодня я постараюсь максимально раскрыть эту тему на таком потрясающем примере. Страница урока: Таймкоды: 00:00 Начало урока 01:21 Обзор материалов урока 01:46 Приступаем к HTML верстке сайта 02:44 HTML верстка сайта (вся разметка) 04:10 Приступаем к CSS стилизации 04:47 Верстка элементов 09:57 Верстка 3D эффекта волны 18:16 3D анимация при движении мыши 26:08 Работа с цветом и яркостью в CSS 28:19 Анимация по клику на чистом CSS 33:36 Что ещё изучить? ВКонтакте: Телеграм: Дзен:
Back to Top