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

Описание: В видео разберём как добиваться наиболее плавной анимации с помощью свойств CSS и JS.
🍀 Поддержать канал: https://www.donationalerts.com/r/webe...
☕️ Купить кофе: https://buy.stripe.com/5kA7sL9574SG7x...
🎨 Купить набор кистей Procreate: https://webelart.com/illustration.
✍️ Мой telegram channel: https://t.me/webelart
🏰 Английский YouTube: @webelart_en
💁🏼‍♀️ Инстаграм:   / webelart  
🦄 LinkedIn:   / webelart  
❤️ Поддержать развитие канала:   / webelart  

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

Интересные видео по теме:
⭐️ Создание взрывной галереи на JavaScript —    • Создание взрывной галереи на JavaScript | ...  
⭐️ Создаём drag & touch галерею на чистом JS —    • Создаём drag & touch галерею на чистом JS,...  
⭐️ Создаём красивый параллакс-эффект —    • Создаём красивый параллакс-эффект | HTML, ...  

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

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