CSS АНИМАЦИЯ для новичков. HTML уроки. ПРАКТИКА

Привет!📢

В этом уроке я рассказываю про CSS анимацию.
Покажу вам два примерно с использованием свойства transition и правила @keyframes.
В первом примере сделаем с вами анимированную панель, которая выезжает из верхней границы экрана (bar).
Во втором примере сделаем квадрат которые непрерывно двигается по кругу и при этом меняет цвета и свою форму.

Если слова HTML и CSS вас пугают, то рекомендую посмотреть перед этим вот два видео:
📢 HTML для начинающих за 33 минуты - https://youtu.be/bxl_qi72tMU
📢 CSS для начинающих + практика за 24 минуты - https://youtu.be/F7496iZmjhw
НЕ СОМНЕВАЙТЕСЬ И РАЗВИВАЙТЕСЬ! У ВАС ВСЁ ПОЛУЧИТСЯ! :)
Желаю приятного обучения! 🔥

Тайминг
00:00 - Начало. Примеры;
01:19 - Подготовка документов;
02:58 - Первая анимация. Transition;
07:20 - Первая анимация. Keyframes;
10:06 - Вторая анимация. Keyframes;
13:25 - Вторая анимация. Изменение формы;

▶ Телеграм: https://t.me/Dmitry_Kolotilshikov

📢 Автор видеоурока: Дмитрий Колотильщиков

Тэги:

#CSS_АНИМАЦИЯ_для_новичков._HTML_уроки._ПРАКТИКА #Дмитрий_Колотильщиков #html_с_нуля #html_уроки #html_css #css3 #css_анимация #css_уроки #уроки_css #css_уроки_нуля #учить_css #cинтаксис_css #верстка_с_нуля #верстка_сайта_с_нуля #верстка #верстка_сайта #верстка_для_начинающих #верстка_сайтов_для_начинающих #уроки_по_верстке_сайтов #верстка_сайтов_с_нуля #верстка_сайтов_обучение #уроки_верстки #верстка_с_нуля_уроки #каскадные_таблицы_стилей_css #бесплатные_уроки_css #css

Скачать видео