We read every piece of feedback, and take your input very seriously.
To see all available qualifiers, see our documentation.
There was an error while loading. Please reload this page.
1 parent f446d74 commit 343a1a1Copy full SHA for 343a1a1
snippets/css/animations/pulse-animation.md
@@ -3,25 +3,22 @@ title: Pulse Animation
3
description: Adds a smooth pulsing animation with opacity and scale effects
4
author: AlsoKnownAs-Ax
5
tags: animation,pulse,pulse-scale
6
+contributors: alanb4rt
7
---
8
9
```css
10
.pulse {
- animation: pulse 2s ease-in-out infinite;
11
+ animation: pulse 1s ease-in-out infinite alternate;
12
}
13
14
@keyframes pulse {
- 0% {
15
+ from {
16
opacity: 0.5;
17
transform: scale(1);
18
- 50% {
19
+ to {
20
opacity: 1;
21
transform: scale(1.05);
22
- 100% {
23
- opacity: 0.5;
24
- transform: scale(1);
25
- }
26
27
```
0 commit comments