Skip to content

Commit ecf17d5

Browse files
committed
add pulse animation
1 parent e00134b commit ecf17d5

4 files changed

Lines changed: 58 additions & 1 deletion

File tree

dist/loading.css

Lines changed: 40 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1549,6 +1549,46 @@
15491549
-webkit-animation: ld-wrench 1s infinite;
15501550
animation: ld-wrench 1s infinite;
15511551
}
1552+
@keyframes ld-pulse {
1553+
0% {
1554+
-webkit-transform: scale(1.1);
1555+
transform: scale(1.1);
1556+
}
1557+
50% {
1558+
-webkit-transform: scale(0.9);
1559+
transform: scale(0.9);
1560+
}
1561+
51% {
1562+
-webkit-transform: scale(1.1);
1563+
transform: scale(1.1);
1564+
}
1565+
100% {
1566+
-webkit-transform: scale(0.9);
1567+
transform: scale(0.9);
1568+
}
1569+
}
1570+
@-webkit-keyframes ld-pulse {
1571+
0% {
1572+
-webkit-transform: scale(1.1);
1573+
transform: scale(1.1);
1574+
}
1575+
50% {
1576+
-webkit-transform: scale(0.9);
1577+
transform: scale(0.9);
1578+
}
1579+
51% {
1580+
-webkit-transform: scale(1.1);
1581+
transform: scale(1.1);
1582+
}
1583+
100% {
1584+
-webkit-transform: scale(0.9);
1585+
transform: scale(0.9);
1586+
}
1587+
}
1588+
.ld.ld-pulse {
1589+
-webkit-animation: ld-pulse 0.8s infinite cubic-bezier(0.215, 0.61, 0.355, 1);
1590+
animation: ld-pulse 0.8s infinite cubic-bezier(0.215, 0.61, 0.355, 1);
1591+
}
15521592
@keyframes ld-bounce {
15531593
0%, 90% {
15541594
animation-timing-function: linear;

dist/loading.min.css

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

src/loading/entries/pulse.styl

Lines changed: 16 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,16 @@
1+
@import '../../vars.styl'
2+
@import '../../basic.styl'
3+
4+
+keyframes(ld-pulse)
5+
0%
6+
transform: scale(1.1)
7+
50%
8+
transform: scale(0.9)
9+
51%
10+
transform: scale(1.1)
11+
100%
12+
transform: scale(0.9)
13+
14+
.ld.ld-pulse
15+
animation(ld-pulse 0.8s infinite cubic-bezier(0.215, 0.61, 0.355, 1))
16+

src/loading/index.styl

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -31,6 +31,7 @@
3131
@import 'entries/vortex-in.styl'
3232
@import 'entries/vortex-out.styl'
3333
@import 'entries/wrench.styl'
34+
@import 'entries/pulse.styl'
3435

3536
// with translation percentage
3637
@import 'entries/bounce.styl'

0 commit comments

Comments
 (0)