h5 特效

Posted 2020-10-10 小哥森

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入门
 HTML5新增相关标签的和属性
 什么是H5技术？？？
 什么是H5技术？？？
 vscode 常用插件
 利用mask-image蒙层编写异形头像