Skip to content

Commit 343a1a1

Browse files
committed
refacto(css/pulse-animation): add 'alternate' and edit keyframes
1 parent f446d74 commit 343a1a1

File tree

1 file changed

+4
-7
lines changed

1 file changed

+4
-7
lines changed

snippets/css/animations/pulse-animation.md

Lines changed: 4 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -3,25 +3,22 @@ title: Pulse Animation
33
description: Adds a smooth pulsing animation with opacity and scale effects
44
author: AlsoKnownAs-Ax
55
tags: animation,pulse,pulse-scale
6+
contributors: alanb4rt
67
---
78

89
```css
910
.pulse {
10-
animation: pulse 2s ease-in-out infinite;
11+
animation: pulse 1s ease-in-out infinite alternate;
1112
}
1213

1314
@keyframes pulse {
14-
0% {
15+
from {
1516
opacity: 0.5;
1617
transform: scale(1);
1718
}
18-
50% {
19+
to {
1920
opacity: 1;
2021
transform: scale(1.05);
2122
}
22-
100% {
23-
opacity: 0.5;
24-
transform: scale(1);
25-
}
2623
}
2724
```

0 commit comments

Comments
 (0)