Создание сайта с красивой анимацией волны (HTML + CSS)

В этом уроке мы рассмотрим создание сайта с красивой 3D анимацией волны при наведении мыши на чистом HTML и CSS. Главный замысел урока - показать возможности стилизации соседних элементов в CSS. Немногие знают, что стилизовать можно не только последующие элементы, посредством использования плюс, но и предыдущие элементы от выбранного.

Таймкоды:
00:00 Начало урока
00:30 Приступаем к HTML верстке сайта
05:49 CSS стилизация элементов
11:43 Верстка 3D эффекта волны
23:49 Анимация при движении мыши
25:46 Плавная анимация цвета в CSS
29:53 Анимация по клику без JS
33:55 Что ещё изучить?

[blckwht_]

Сам фронтенд разработчик, но был впечатлён уже в начале видео на счёт того, что это сделано только на HTML и CSS, за видео узнал новое в CSS, вы безусловный профессионал в CSS, спасибо за качественный контент для людей который только учатся веб-разработке

[Danze_lite]

Лучшие уроки от по технологиям фронта у вас на канале, спасибо за труд ❤

[alexandr-v]

Наконец-то узнал как можно выбрать предыдущий элемент.

[justme]

Какая красота!!! Вы просто гений!!! Я закончила курс по HTML/CSS у одной девочки с Канады. Так вот я сейчас первый раз слышу про псевдоклассы, z-index и все остальное!!! Я из вашего урока узнала больше чем у нее за 2 месяца на курсе! Спасибо вам большое за такой прекрасный контент!

[rostyslavkinash]

Спасибо за урок, всегда удивляюсь как с помощью простого CSS можно делать такие вещи.

[isnxjet]

Спасибо за видео, повелитель волн. Все получилось 🐋

[GGSoft]

Ну Вы даете!!!! Как много чего я нашел на этом уроке. Когда я перейду к изучению фронтента, начну с Ваших курсов, обязательно. Спасибо за очень интересный контент !!!!

[nhuman]

К верстке вообще отношения не имею, но все равно нравится смотреть ваши видео

[monegio]

Очень крутое видео и объяснение, спасибо

[koljasha_nafman]

Я не очень люблю верстку, даже больше скажу, она меня напрягает. Но после Ваших уроков она открывается на совсем другом уровне. Спасибо 👍

[Semiero_Jonskay]

Привет, у тебя очень классные видео, за короткий промежуток времени узнаёшь много полезного, все на доступном языке.
Я вот хотел поинтересоваться, ты выбираешь сразу пару строк и пишешь там, надо ли зажимать какую то кнопку? Работает ли эта фича в обычном блокноте?

[towelie]

Спасибо за урок! Заметил что ваш vscode выглядит как-то иначе по сравнению с текущей версией по умолчанию. Больше соответствует стилю windows 11. Расскажите как этого добились?)

[mdlfwcd]

Як ти зробив таке оформлення в vs code

[levchenkoaartem]

Скажите пожалуйста, почему у меня может работать background-position: center ; ? Никак не могу понять в чем причина . Все делаю как в вашем уроке .

[kristinadudina]

Добрый день Алексей. у меня проблема. и не могу найти ответ. фотографии у меня выходят вертикально по левой стороне. если можно и как исправить. благодарю за ранее. Спасибо за ваш курс. мне очень понравился.