Как написать плавную веб-анимацию | ускоряем веб-анимацию | CSS + JS

В видео разберём как добиваться наиболее плавной анимации с помощью свойств CSS и JS.
❤️ Мой telegram канал: https://t.me/webelart
❤️ Поддержать развитие канала: https://www.patreon.com/webelart

Ссылка на книгу Creating Web Animations — https://goo.su/bMnU

Интересные видео по теме:
⭐️ Создание взрывной галереи на JavaScript — https://youtu.be/oGZNz-dh6qA
⭐️ Создаём drag & touch галерею на чистом JS — https://youtu.be/MxzenEvt7Xc
⭐️ Создаём красивый параллакс-эффект — https://youtu.be/EshLPjpPxfs

00:00 введение.
01:05 даём определение анимациям.
01:52 как создаётся анимация в браузере.
04:38 определение плавной анимации.
07:40 реализация плавной анимации.
09:04 animation-friendly css-свойства.
10:56 animation-no-friendly css-свойства.
12:41 как перенести рендеринг на GPU.

На канале я рассматриваю различные темы веб-разработки, на текущий момент: веб-основы, веб-анимации, веб-дизайн.

Видео Как написать плавную веб-анимацию | ускоряем веб-анимацию | CSS + JS канала Елена Литвинова — Искусство веб-разработки