Анимация в блочных темах на ВордПресс без кода
Анимация в блочных темах на ВордПресс без кода
00:00 Введение в микроанимацию
• В блочных темах WordPress можно создавать анимационные эффекты.
• Демонстрация микроанимации: ховер-эффект наведения на карточки и реакция на клик.
01:05 Структура страницы
• Описание структуры страницы: контейнер, обёртка, элементы с карточками и текстами.
• Объяснение работы ховер-эффекта без анимации.
02:24 Настройка классов
• Задание классов для контейнеров и фотографий.
• Роль классов в идентификации элементов.
04:04 Выбор поведения
• Настройка поведения элемента при нажатии.
• Использование произвольного селектора триггера.
06:08 Добавление действий
• Выбор действия при нажатии: удаление или добавление класса, анимация.
• Примеры анимаций: поворот, сдвиг, изменение цвета.
09:14 Ховер-эффект
• Создание ховер-эффекта с использованием родительского класса.
• Настройка поворота карточек на 3 градуса при наведении.
12:29 Завершение настройки
• Проверка и корректировка настроек ховер-эффекта.
• Подчёркивание важности правильного указания родительского класса.
13:38 Настройка карточек
