4. Пульсирующая анимация
Среднеkeyframestransformbox-shadow
Создайте CSS-анимацию пульсации для кнопки: плавное увеличение и уменьшение масштаба с изменением тени.
Каждый способ должен быть реализован независимо в своём контейнере:
- Анимация должна быть бесконечной
- Кнопка должна увеличиваться до scale(1.05)
- Длительность цикла — 2 секунды
- Должна изменяться тень (box-shadow)
Создайте анимацию pulse для элемента .pulse-btn. Кнопка должна плавно увеличиваться до scale(1.05) и получать более выраженную тень, затем возвращаться к исходному состоянию. Анимация должна быть бесконечной. Длительность одного цикла — 2 секунды.
Примеры
Пример 5
Вход:
<button class="pulse-btn">Click me</button>
Ожидаемый результат:
Кнопка плавно пульсирует с периодом 2 секунды
Ограничения
- Использовать только CSS (без JavaScript)
0% принято
0 решений