Все о CSS переходах (transitions) за 16 минут. CSS анимация. Часть первая.

CSS – переходы либо CSS – transitions могут применяться ко всем элементам и даже к псевдоэлементам. Используются для оживления нашей верстки. Что в свою очередь приводит к улучшению взаимодействия с пользователем, как правило путем приятной анимированной реакции на его действия. (подписаться) Например – наведение и нажатие на кнопку. Также свойства transition можно использовать для построения несложных сценариев анимации. Да и в целом, верстка где применены плавные переходы выглядит гораздо дороже. Фактически, CSS – переходы обеспечивают смену значений других свойств с определенной анимацей и сценарием. Всю эту магию можно описать универсальным CSS свойcтвом transition, либо рядом отдельных свойств.

🔴 Шпаргалка по CSS transitions, анимируемым свойствам и cubic-bezier:
http://fls.guru/csstransition.html

Содержание:
00:00 - Вступление
01:02 - TRANSITION-DURATION
03:49 - TRANSITION-PROPERTY
06:38 - TRANSITION-DELAY
08:24 - TRANSITION-TIMING-FUNCTION
12:40 - TRANSITION
13:13 - Практическая информация о применении переходов
14:42 - Шпаргалка

🔴 Получить доступ к плюшкам + поддержать канал: https://www.patreon.com/freelancerlifestyle
🔴 Telegram канал: https://t.me/freelancer_lifestyle (https://teleg.run/freelancer_lifestyle)
🔴 Telegram чат по верстке: https://t.me/flschat (https://teleg.run/flschat)
🔴 Facebook: https://www.facebook.com/freelancerlifestyle
🔴 Instagram: https://www.instagram.com/freelancer.lifestyle

👋 Меня зовут Женя Андриканич, я IT - специалист, занимаюсь разработкой сайтов. На этом канале, я регулярно и в максимально доступном формате буду делиться с тобой своим опытом, наработками, секретами и лайфхаками!
Ссылка на канал: https://www.youtube.com/c/freelancerlifestyle

🤟 Живи, а работай в свободное время! ©

Видео Все о CSS переходах (transitions) за 16 минут. CSS анимация. Часть первая. канала Фрилансер по жизни - IT и фриланс