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 branch 'master' of https://github.com/l-lin/font-awesome-animation

Browse Source
This commit is contained in:
l-lin 2014-03-07 21:14:47 +01:00
commit 621c1760cb
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> </a>
</div> </div>
</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> </div>
</section> </section>
</article> </article>

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

@ -370,7 +370,7 @@
100%{transform: translateY(0)} 100%{transform: translateY(0)}
} }
.faa-float.animated, .faa-float.animated-hover:hover { .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; -webkit-animation: float 2s linear infinite;
-ms-animation: float 2s linear infinite; -ms-animation: float 2s linear infinite;
animation: float 2s linear infinite; animation: float 2s linear infinite;
@ -402,4 +402,9 @@
-webkit-animation: pulse 2s linear infinite; -webkit-animation: pulse 2s linear infinite;
-ms-animation: pulse 2s linear infinite; -ms-animation: pulse 2s linear infinite;
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)} 100%{transform: translateY(0)}
} }
.faa-float.animated, .faa-float.animated-hover:hover { .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; -webkit-animation: float 2s linear infinite;
-ms-animation: float 2s linear infinite; -ms-animation: float 2s linear infinite;
animation: float 2s linear infinite; animation: float 2s linear infinite;
@ -399,4 +399,9 @@
-webkit-animation: pulse 2s linear infinite; -webkit-animation: pulse 2s linear infinite;
-ms-animation: pulse 2s linear infinite; -ms-animation: pulse 2s linear infinite;
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;
}