Конференція Highload fwdays'19 — Autoscale, MySQL 8.0, Neo4j, Kafka and AWS Lambda | 05.10 | Київ
×Закрыть

Бесплатный вебинар «Создание анимации с помощью CSS»

Состоялось
27 июня (четверг)
Время
19:00 — 21:00
Место
Online
Стоимость
бесплатно

Ведущий: Константин Абрамов, 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 анимации.

Google Calendar iCal
LinkedIn

Нет комментариев

Подписаться на комментарииОтписаться от комментариев Комментарии могут оставлять только пользователи с подтвержденными аккаунтами.

Подписаться на комментарии