Основы CSS-анимации на примере меню сайта
![Play](/Content/img/live-online/play.png)
Анимации на веб-странице дарят невероятно приятный опыт: лёгкие, плавные переходы и динамические движения делают страницу живой и интересной для пользователя. Именно пребывание на таком сайте приносит эстетическое удовольствие и придает солидности его владельцу.
На этом вебинаре вы узнаете, как с помощью HTML & CSS добавлять анимацию к элементам, с которыми взаимодействуют пользователи, а также как создать фоновые анимированные эффекты для большей атмосферности.
План вебинара:
- Теоретическая часть: разбираемся, как создаются и настраиваются анимации в CSS.
- Создание лёгкой фоновой анимации.
- Создание меню с эффектами.
- Ответы на вопросы.
Целевая аудитория:
Будет интересно как новичкам, стремящимся узнать возможности CSS, так и тем, кто изучает данные технологии или уже использует CSS-анимации в своих проектах.
![date](/Content/img/webinars/web-date.png)
![time](/Content/img/webinars/web-time.png)
![view](/Content/img/webinars/web-views.png)
![date](/Content/img/webinars/web-date.png)
![time](/Content/img/webinars/web-time.png)
![view](/Content/img/webinars/web-views.png)
![date](/Content/img/webinars/web-date.png)
![time](/Content/img/webinars/web-time.png)
![view](/Content/img/webinars/web-views.png)
![date](/Content/img/webinars/web-date.png)
![time](/Content/img/webinars/web-time.png)
![view](/Content/img/webinars/web-views.png)
![date](/Content/img/webinars/web-date.png)
![time](/Content/img/webinars/web-time.png)
![view](/Content/img/webinars/web-views.png)
![date](/Content/img/webinars/web-date.png)
![time](/Content/img/webinars/web-time.png)
![view](/Content/img/webinars/web-views.png)
![date](/Content/img/webinars/web-date.png)
![time](/Content/img/webinars/web-time.png)
![view](/Content/img/webinars/web-views.png)
![date](/Content/img/webinars/web-date.png)
![time](/Content/img/webinars/web-time.png)
![view](/Content/img/webinars/web-views.png)
![date](/Content/img/webinars/web-date.png)
![time](/Content/img/webinars/web-time.png)
![view](/Content/img/webinars/web-views.png)
![date](/Content/img/webinars/web-date.png)
![time](/Content/img/webinars/web-time.png)
![view](/Content/img/webinars/web-views.png)
![date](/Content/img/webinars/web-date.png)
![time](/Content/img/webinars/web-time.png)
![view](/Content/img/webinars/web-views.png)
![date](/Content/img/webinars/web-date.png)
![time](/Content/img/webinars/web-time.png)
![view](/Content/img/webinars/web-views.png)