Полное руководство по CSS-анимациям (transition, animation, @keyframes)

Много полезного по сайтосроению на WordPress -    • Полное Руководство по WordPress. Введение.   Как создавать плагины на WordPress -    • WordPress Плагин СВОЯ CRM СИСТЕМА: Разрабо...   PHP -    • Как устроен интернет? Протоколы передачи д...   Консультации или Клуб -
В этом видео мы погрузимся в мир CSS-анимаций. Вы узнаете, как создавать плавные переходы (transition) и сложные, многошаговые анимации (animation) с помощью @keyframes. Содержание по тайм-кодам: ------------------------------------------------ 00:05 Начальная настройка HTML и CSS 01:07 Свойство transition: как создавать плавные переходы 02:43 Параметры transition: property, duration, timing function, delay 09:26 Свойство animation: более сложные эффекты 11:17 Создание анимации по кругу с помощью @keyframes 15:54 Параметры animation: iteration-count, play-state, direction, delay Не забудьте поставить лайк, подписаться на канал и оставить комментарий. Задавайте свои вопросы! Документация по уроку CSS Transition -
CSS Animation -
#css #animation #transition

Смотрите также