Skip to content

Commit d32b3c5

Browse files
committed
Merge pull request animate-css#154 from mrwillis21/rubberBand
Add “rubber band” animation.
2 parents f5ed338 + 53f7cc8 commit d32b3c5

File tree

2 files changed

+12
-0
lines changed

2 files changed

+12
-0
lines changed

.animate-config.json

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -4,6 +4,7 @@
44
"bounce": true,
55
"flash": true,
66
"pulse": true,
7+
"rubberBand": true,
78
"shake": true,
89
"swing": true,
910
"tada": true,
Lines changed: 11 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,11 @@
1+
@keyframes rubberBand {
2+
0% { transform: scale(1); }
3+
30% { transform: scaleX(1.25) scaleY(0.75); }
4+
40% { transform: scaleX(0.75) scaleY(1.25); }
5+
60% { transform: scaleX(1.15) scaleY(0.85); }
6+
100% { transform: scale(1); }
7+
}
8+
9+
.rubberBand {
10+
animation-name: rubberBand;
11+
}

0 commit comments

Comments
 (0)