Сайт использует сервис веб-аналитики Яндекс Метрика с помощью технологии «cookie». Пользуясь сайтом, вы даете согласие на использование данной технологии.
Полное руководство по 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