From 343a1a1b061951df9fe6dd87a4862c24b1d71fee Mon Sep 17 00:00:00 2001 From: alanb4rt Date: Wed, 8 Jan 2025 21:11:56 +0100 Subject: [PATCH] refacto(css/pulse-animation): add 'alternate' and edit keyframes --- snippets/css/animations/pulse-animation.md | 11 ++++------- 1 file changed, 4 insertions(+), 7 deletions(-) diff --git a/snippets/css/animations/pulse-animation.md b/snippets/css/animations/pulse-animation.md index f7aeb2f1..6e2cff26 100644 --- a/snippets/css/animations/pulse-animation.md +++ b/snippets/css/animations/pulse-animation.md @@ -3,25 +3,22 @@ title: Pulse Animation description: Adds a smooth pulsing animation with opacity and scale effects author: AlsoKnownAs-Ax tags: animation,pulse,pulse-scale +contributors: alanb4rt --- ```css .pulse { - animation: pulse 2s ease-in-out infinite; + animation: pulse 1s ease-in-out infinite alternate; } @keyframes pulse { - 0% { + from { opacity: 0.5; transform: scale(1); } - 50% { + to { opacity: 1; transform: scale(1.05); } - 100% { - opacity: 0.5; - transform: scale(1); - } } ```