FlandreScarle7/font-awesome-animation
1
0
Fork 0
mirror of https://github.com/l-lin/font-awesome-animation.git synced 2024-12-27 14:01:33 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

Merge pull request #10 from unda91/master

Browse Source 
Specify the final position of all animations #10
This commit is contained in:
Louis LIN 2015-07-28 09:32:51 +02:00
commit 486f1cf5f2
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)} 58%{transform:rotate(-24deg)}
60%{transform:rotate(-24deg)} 60%{transform:rotate(-24deg)}
68%{transform:rotate(24deg)} 68%{transform:rotate(24deg)}
75%{transform:rotate(0deg)} 75%,100%{transform:rotate(0deg)}
} }
.faa-wrench.animated, .faa-wrench.animated,
.faa-wrench.animated-hover:hover, .faa-wrench.animated-hover:hover,
@ -47,7 +47,7 @@
14%{transform:rotate(18deg)} 14%{transform:rotate(18deg)}
16%{transform:rotate(-12deg)} 16%{transform:rotate(-12deg)}
18%{transform:rotate(12deg)} 18%{transform:rotate(12deg)}
20%{transform:rotate(0deg)} 20%,100%{transform:rotate(0deg)}
} }
.faa-ring.animated, .faa-ring.animated,
.faa-ring.animated-hover:hover, .faa-ring.animated-hover:hover,
@ -76,7 +76,7 @@
12%{transform:translate(0,3px)} 12%{transform:translate(0,3px)}
16%{transform:translate(0,-3px)} 16%{transform:translate(0,-3px)}
20%{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,
.faa-vertical.animated-hover:hover, .faa-vertical.animated-hover:hover,
@ -102,7 +102,7 @@
18%{transform:translate(5px,0)} 18%{transform:translate(5px,0)}
24%{transform:translate(0,0)} 24%{transform:translate(0,0)}
30%{transform:translate(5px,0)} 30%{transform:translate(5px,0)}
36%{transform:translate(0,0)} 36%,100%{transform:translate(0,0)}
} }
.faa-horizontal.animated, .faa-horizontal.animated,
.faa-horizontal.animated-hover:hover, .faa-horizontal.animated-hover:hover,
@ -143,7 +143,7 @@
/* BOUNCE */ /* BOUNCE */
@keyframes bounce { @keyframes bounce {
0%,10%,20%,50%,80%{transform:translateY(0)} 0%,10%,20%,50%,80%,100%{transform:translateY(0)}
40%{transform:translateY(-15px)} 40%{transform:translateY(-15px)}
60%{transform:translateY(-15px)} 60%{transform:translateY(-15px)}
} }
@ -251,7 +251,7 @@
10%,20% {transform:scale(.9) rotate(-8deg);} 10%,20% {transform:scale(.9) rotate(-8deg);}
30%,50%,70% {transform:scale(1.3) rotate(8deg)} 30%,50%,70% {transform:scale(1.3) rotate(8deg)}
40%,60% {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, .faa-tada.animated,