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;

    　　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);

    }

}