mirror of
https://github.com/l-lin/font-awesome-animation.git
synced 2024-10-22 22:31:06 +08:00
33 lines
754 B
SCSS
33 lines
754 B
SCSS
@keyframes tada {
|
|
0% {
|
|
transform: scale(1);
|
|
}
|
|
10%,20% {
|
|
transform:scale(.9) rotate(-8deg);;
|
|
}
|
|
30%,50%,70% {
|
|
transform:scale(1.3) rotate(8deg);
|
|
}
|
|
40%,60% {
|
|
transform:scale(1.3) rotate(-8deg);
|
|
}
|
|
80%,100% {
|
|
transform:scale(1) rotate(0);
|
|
}
|
|
}
|
|
.faa-tada.animated,
|
|
.faa-tada.animated-hover:hover,
|
|
.faa-parent.animated-hover:hover > .faa-tada {
|
|
animation: tada 2s linear infinite;
|
|
}
|
|
.faa-tada.animated.faa-fast,
|
|
.faa-tada.animated-hover.faa-fast:hover,
|
|
.faa-parent.animated-hover:hover > .faa-tada.faa-fast {
|
|
animation: tada 1s linear infinite;
|
|
}
|
|
.faa-tada.animated.faa-slow,
|
|
.faa-tada.animated-hover.faa-slow:hover,
|
|
.faa-parent.animated-hover:hover > .faa-tada.faa-slow {
|
|
animation: tada 3s linear infinite;
|
|
}
|