CSS АНИМАЦИЯ для новичков. HTML уроки. ПРАКТИКА
Автор: IT Introvert | Дмитрий Колотильщиков
Загружено: 2020-07-03
Просмотров: 35560
Привет!📢
▶ ▶ БОЛЕЕ НОВЫЕ УРОКИ ПО CSS АНИМАЦИИ: • 49. Frontender[1.0] Трансформация и анимац... и • 50. Frontender[1.0] 3D Трансформация и ани...
▶ Телеграм: https://t.me/Dmitry_Kolotilshikov
В этом уроке я рассказываю про CSS анимацию.
Покажу вам два примерно с использованием свойства transition и правила @keyframes.
В первом примере сделаем с вами анимированную панель, которая выезжает из верхней границы экрана (bar).
Во втором примере сделаем квадрат которые непрерывно двигается по кругу и при этом меняет цвета и свою форму.
Если слова HTML и CSS вас пугают, то рекомендую посмотреть перед этим вот два видео:
📢 HTML для начинающих за 33 минуты - • HTML для начинающих за 33 минуты
📢 CSS для начинающих + практика за 24 минуты - • CSS для начинающих + практика за 24 минуты
НЕ СОМНЕВАЙТЕСЬ И РАЗВИВАЙТЕСЬ! У ВАС ВСЁ ПОЛУЧИТСЯ! :)
Желаю приятного обучения! 🔥
Тайминг
00:00 - Начало. Примеры;
01:19 - Подготовка документов;
02:58 - Первая анимация. Transition;
07:20 - Первая анимация. Keyframes;
10:06 - Вторая анимация. Keyframes;
13:25 - Вторая анимация. Изменение формы;
📢 Автор видеоурока: Дмитрий Колотильщиков
Доступные форматы для скачивания:
Скачать видео mp4
-
Информация по загрузке:
![Курс по Верстке сайтов с Нуля для Начинающих [aroken.ru]](https://image.4k-video.ru/id-video/eMhhl1Wq8JA)
