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

Add shake animation

Browse Source
This commit is contained in:
Louis LIN 2014-02-07 15:25:25 +01:00
parent 4ba935824c
commit 817d670ef2
4 changed files with 29 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
demo/index.html
View File

@ -215,6 +215,20 @@
</a>
</div>
</div>
<div class="animation">
<div class="font-animation">
<a href="#">
<i class="fa fa-envelope faa-shake animated"></i>
&nbsp;faa-shake animated
</a>
</div>
<div class="font-animation">
<a href="#">
<i class="fa fa-envelope faa-shake animated-hover"></i>
&nbsp;faa-shake animation-hover
</a>
</div>
</div>
</div>
</section>
</article>

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

@ -370,7 +370,7 @@
100%{transform: translateY(0)}
}
.faa-float.animated, .faa-float.animated-hover:hover {
-moz-animation: float 2s linear infinite;
- moz-animation: float 2s linear infinite;
-webkit-animation: float 2s linear infinite;
-ms-animation: float 2s linear infinite;
animation: float 2s linear infinite;
@ -402,4 +402,9 @@
-webkit-animation: pulse 2s linear infinite;
-ms-animation: pulse 2s linear infinite;
animation: pulse 2s linear infinite;
}
}
/* SHAKE */
.faa-shake.animated, .faa-shake.animated-hover:hover {
-webkit-animation: wrench 2.5s ease infinite;
}

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

File diff suppressed because one or more lines are too long

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

@ -367,7 +367,7 @@
100%{transform: translateY(0)}
}
.faa-float.animated, .faa-float.animated-hover:hover {
-moz-animation: float 2s linear infinite;
- moz-animation: float 2s linear infinite;
-webkit-animation: float 2s linear infinite;
-ms-animation: float 2s linear infinite;
animation: float 2s linear infinite;
@ -399,4 +399,9 @@
-webkit-animation: pulse 2s linear infinite;
-ms-animation: pulse 2s linear infinite;
animation: pulse 2s linear infinite;
}
}
/* SHAKE */
.faa-shake.animated, .faa-shake.animated-hover:hover {
-webkit-animation: wrench 2.5s ease infinite;
}