CSS – переходы либо CSS – transitions могут применяться ко всем элементам и даже к псевдоэлементам. Используются для оживления нашей верстки. Что в свою очередь приводит к улучшению взаимодействия с пользователем, как правило путем приятной анимированной реакции на его действия. (подписаться) Например – наведение и нажатие на кнопку. Также свойства transition можно использовать для построения несложных сценариев анимации. Да и в целом, верстка где применены плавные переходы выглядит гораздо дороже. Фактически, CSS – переходы обеспечивают смену значений других свойств с определенной анимацей и сценарием. Всю эту магию можно описать универсальным CSS свойcтвом transition, либо рядом отдельных свойств. Шпаргалка по CSS transitions, анимируемым свойствам и cubic-bezier:
Содержание: 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 - Шпаргалка Получить доступ к плюшкам + поддержать канал:
Telegram канал:
(
Telegram чат по верстке:
(
Facebook: https://www.facebook.com/freelancerlifestyle
Instagram: https://www.instagram.com/freelancer.lifestyle
Меня зовут Женя Андриканич, я IT - специалист, занимаюсь разработкой сайтов. На этом канале, я регулярно и в максимально доступном формате буду делиться с тобой своим опытом, наработками, секретами и лайфхаками! Ссылка на канал: https://www.youtube.com/c/freelancerlifestyle
Живи, а работай в свободное время! ©
