CSS animation и @keyframes за 12 минут. Подробный разбор CSS свойств анимации + шпаргалка.
CSS animation и @keyframes за 12 минут. Подробный разбор свойств шпаргалка
Как и CSS свойство плавных переходов transition, о котором мы говорили в предыдущем уроке, свойство animation призвано сделать нашу верстку более динамичной, оживить её для лучшего взаимодействия с пользователем и создания WOW эффекта. Но в отличие от CSS переходов, создание анимации базируется на ключевых кадрах @keyframes, которые позволяют автоматически воспроизводить и повторять эффекты на протяжении заданного времени, а также приостанавливать анимацию по определенному событию. Другими словами, использование конструкции animation и @keyframes позволяет нам создавать более сложные сценарии анимаций.
🤟 Поставил ЛАЙК? Держи шраргалку:
Все о CSS переходах (transitions) за 16 минут:
Содержание:
00:00 - Вступление
00:29 - Ключевые кадры @keyframes
02:11 - С
1 view
1040
301
1 month ago 00:03:21 8
Marilyn Manson - This is Halloween (Music Video) | AMV - Ai Music Videos
1 month ago 00:02:01 1
【MV】Igaku / イガク - Gigi Murin (Cover)
1 month ago 03:34:58 1
【GIGI’S BDAY 2024】A Dinner Party to remember! #GGBDAYDINNER