FlandreScarle7/font-awesome-animation
1
0
Fork 0
mirror of https://github.com/l-lin/font-awesome-animation.git synced 2024-10-22 22:31:06 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

Specify the final position of all animations

Browse Source
This commit is contained in:
Emilio Unda 2015-07-27 21:03:40 -05:00
parent e60ba5301c
commit f7f2dc97e1
3 changed files with 20 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
dist/font-awesome-animation.css vendored
View File

File diff suppressed because one or more lines are too long

2
dist/font-awesome-animation.min.css vendored
View File

File diff suppressed because one or more lines are too long

12
src/font-awesome-animation.css
View File

@ -14,7 +14,7 @@
58%{transform:rotate(-24deg)}
60%{transform:rotate(-24deg)}
68%{transform:rotate(24deg)}
75%{transform:rotate(0deg)}
75%,100%{transform:rotate(0deg)}
}
.faa-wrench.animated,
.faa-wrench.animated-hover:hover,
@ -47,7 +47,7 @@
14%{transform:rotate(18deg)}
16%{transform:rotate(-12deg)}
18%{transform:rotate(12deg)}
20%{transform:rotate(0deg)}
20%,100%{transform:rotate(0deg)}
}
.faa-ring.animated,
.faa-ring.animated-hover:hover,
@ -76,7 +76,7 @@
12%{transform:translate(0,3px)}
16%{transform:translate(0,-3px)}
20%{transform:translate(0,3px)}
22%{transform:translate(0,0)}
22%,100%{transform:translate(0,0)}
}
.faa-vertical.animated,
.faa-vertical.animated-hover:hover,
@ -102,7 +102,7 @@
18%{transform:translate(5px,0)}
24%{transform:translate(0,0)}
30%{transform:translate(5px,0)}
36%{transform:translate(0,0)}
36%,100%{transform:translate(0,0)}
}
.faa-horizontal.animated,
.faa-horizontal.animated-hover:hover,
@ -143,7 +143,7 @@
/* BOUNCE */
@keyframes bounce {
0%,10%,20%,50%,80%{transform:translateY(0)}
0%,10%,20%,50%,80%,100%{transform:translateY(0)}
40%{transform:translateY(-15px)}
60%{transform:translateY(-15px)}
}
@ -251,7 +251,7 @@
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% {transform:scale(1) rotate(0)}
80%,100% {transform:scale(1) rotate(0)}
}
.faa-tada.animated,