Все о 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

🤟 Живи, а работай в свободное время! © ... https://www.youtube.com/watch?v=yZFg3cuq_LU