Skip to content

Commit 60c13b3

Browse files
✨ [css] Add pulse animation
1 parent 66846d7 commit 60c13b3

File tree

1 file changed

+27
-0
lines changed

1 file changed

+27
-0
lines changed
Lines changed: 27 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,27 @@
1+
---
2+
title: Pulse Animation
3+
description: Adds a smooth pulsing animation with opacity and scale effects
4+
author: AlsoKnownAs-Ax
5+
tags: css,animation
6+
---
7+
8+
```css
9+
.pulse {
10+
animation: pulse 2s ease-in-out infinite;
11+
}
12+
13+
@keyframes pulse {
14+
0% {
15+
opacity: 0.5;
16+
transform: scale(1);
17+
}
18+
50% {
19+
opacity: 1;
20+
transform: scale(1.05);
21+
}
22+
100% {
23+
opacity: 0.5;
24+
transform: scale(1);
25+
}
26+
}
27+
```

0 commit comments

Comments
 (0)