788 • 3 года назад
#16. Уроки по CSS для НАЧИНАЮЩИХ (анимации)
КОНЧИК! Щелкните правой кнопкой мыши и выберите "Save link as..." для загрузки.
Loading...
Поддержать автора:
https://www.donationalerts.com/r/kakeitoyroki
В данном уроке научимся делать анимации, используя свойство transition и более сложные, при помощи @keyframes и animation
Исходный код: https://github.com/R1ON/html/tree/main/css/16
Видео на YouTube: https://youtu.be/AufKz08horA
***** Таймкоды:
00:00 Введение
00:26 Простая анимация (transition)
03:28 Баг chrome (background)
04:22 Еще пример transition
05:24 @keyframes и animation
13:45 Тайминговые функции
16:20 Сразу все виды анимаций
18:18 Сокращенная запись для animation
19:25 Всем спасибо, всем пока
***** Музыка:
Glacier - Patrick Patrikios
https://www.donationalerts.com/r/kakeitoyroki
В данном уроке научимся делать анимации, используя свойство transition и более сложные, при помощи @keyframes и animation
Исходный код: https://github.com/R1ON/html/tree/main/css/16
Видео на YouTube: https://youtu.be/AufKz08horA
***** Таймкоды:
00:00 Введение
00:26 Простая анимация (transition)
03:28 Баг chrome (background)
04:22 Еще пример transition
05:24 @keyframes и animation
13:45 Тайминговые функции
16:20 Сразу все виды анимаций
18:18 Сокращенная запись для animation
19:25 Всем спасибо, всем пока
***** Музыка:
Glacier - Patrick Patrikios
Уроки по CSS для НАЧИНАЮЩИХ
Дзен-подборка для вас · 20 из 27
Какие-то уроки
![#6. Уроки по CSS для НАЧИНАЮЩИХ (margin, padding, flexbox [минимум])](https://avatars.dzeninfra.ru/get-zen_doc/58826/pub_604e49e76c861f0107915433_6239df87cf80136a4a4e5973/smart_crop_516x290)
БитОбразование
3D и не только
07:31
Школа программирования "Пиксель"
08:27
01:40:51
Clazyruce
Уроки по программированию