h5 特效
Posted 小哥森
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了h5 特效相关的知识,希望对你有一定的参考价值。
地址:http://www.cnblogs.com/sun927/p/5842852.html
几个别人总结的css3炫酷效果,有需要直接拿来用即可,包括以下几个效果:
1。悬浮时放大
2.悬浮时转一圈
3.自动不停转圈
4.颜色自动越来越浅
.four{animation:mymove linear 5s infinite;-webkit-animation:mymove linear 5s infinite; /*Safari and Chrome*/}
@keyframes mymove
{
from {<
br
> opacity:1;
filter:Alpha(opacity=100);
transform:scale(1);
-webkit-transform:scale(1);
-moz-transform:scale(1);
-o-transform:scale(1);
-ms-transform:scale(1);}
to {<
br
> opacity:0.1;
filter:Alpha(opacity=10);
transform:scale(1.1);
-webkit-transform:scale(1.1);
-moz-transform:scale(1.1);
-o-transform:scale(1.1);
-ms-transform:scale(1.1);}
}
@-webkit-keyframes mymove /*Safari and Chrome*/
{
from {
opacity:1;
filter:Alpha(opacity=100);
transform:scale(1);
-webkit-transform:scale(1);
-moz-transform:scale(1);
-o-transform:scale(1);
-ms-transform:scale(1);
}
to {
opacity:0.1;
H5实例教学--从AnimateCC到CreateJS入门