Створення анімації за допомогою CSS

ПОКРАЩУЙТЕ НАВИЧКИ ЗА ДОПОМОГОЮ ПРАКТИКУМУ

НАСТУПНЕ

Костянтин Абрамов

Front-end розробник

На этом вебинаре мы займемся созданием анимации молекулы ДНК с помощью HTML и CSS, а также дополнительных инструментов. Мы создадим ключевые кадры и посмотрим, как это возможно воспроизвести с помощью HTML и CSS. Сделаем рефакторинг CSS в SCSS и с помощью директивы @for уменьшим количество кода в 2 раза.

План вебинара:

1) Разбор ключевых кадров анимации с помощью видео редактора.

2) Создание каркаса молекулы и элементов, которые будут ее составлять. Применение таких свойств как position: relative и absolute, display: flex.

3) Создание ключевых кадров в CSS.

4) Рефакторинг кода из CSS в SCSS.

5) + Добавим небольшой микс к молекуле – связывающие линии атомов.

6) В заключение поговорим о возможных вариантах улучшения и использования дополнительных инструментов для создания разнообразных спецэффектов.

Целевая аудитория:

Данный вебинар будет интересен тем, кто изучает HTML, CSS и интересуется анимацией и оживлением веб страниц с помощью CSS анимации.

Купуй передплатуз доступом до всіх курсів та сервісів

Бібліотека сучасних IT знань у зручному форматі

Вибирай свій варіант підписки залежно від завдань, що стоять перед тобою. Але якщо потрібно пройти повне навчання з нуля до рівня фахівця, краще вибирати Базовий або Преміум. А для того, щоб вивчити 2-3 нові технології, або повторити знання, готуючись до співбесіди, підійде Пакет Стартовий.

Усі відеокурси на 3 місяці
Тестування з 10 курсів
Перевірка 5 домашніх завдань
Консультація з тренером 30 хв

59.99 $

Придбати

Усі відеокурси на 15 місяців
Тестування з 24 курсів
Перевірка 20 домашніх завдань
Консультація з тренером 120 хв

90.00 $

219.99 $

Придбати

Акція

Усі відеокурси на 6 місяців
Тестування з 16 курсів
Перевірка 10 домашніх завдань
Консультація з тренером 60 хв

72.00 $

89.99 $

Придбати

Акція

КОМЕНТАРІ ТА ОБГОВОРЕННЯ