zoukankan      html  css  js  c++  java
  • CSS 循环动画效果。

    @-moz-keyframes revolving{
        0{
            -moz-transform:  rotate(0deg);
            -webkit-transform:  rotate(0deg);
        }
        25%{
            -moz-transform:  rotate(-10deg);
            -webkit-transform:  rotate(-10deg);
        }
        50%{
            -moz-transform:  rotate(0deg);
            -webkit-transform:  rotate(0deg);
        }
        75%{
            -moz-transform:  rotate(10deg);
            -webkit-transform:  rotate(10deg);
        }
        100%{
            -moz-transform:  rotate(0deg);
            -webkit-transform:  rotate(0deg);
        }
    }
    
    @-webkit-keyframes revolving{
        0{
            -moz-transform:  rotate(0deg);
            -webkit-transform:  rotate(0deg);
        }
        25%{
            -moz-transform:  rotate(-10deg);
            -webkit-transform:  rotate(-10deg);
        }
        50%{
            -moz-transform:  rotate(0deg);
            -webkit-transform:  rotate(0deg);
        }
        75%{
            -moz-transform:  rotate(10deg);
            -webkit-transform:  rotate(10deg);
        }
        100%{
            -moz-transform:  rotate(0deg);
            -webkit-transform:  rotate(0deg);
        }
    }
    
    .new-msg{
        -moz-animation: revolving 0.6s 0s infinite;
        -webkit-animation: revolving 0.6s 0s infinite;
        16px;height:16px;
        line-height:16px;
        text-align:center;
    }
    
  • 相关阅读:
    网站构建前期知识掌握
    Lucene学习之CURD
    Lucene学习之初步了解
    jQuery的extend详解
    jQuery和DOM对象之间的转换
    Tomcat教程
    Log4j配置
    Java学习之Java中常用对象
    Java学习之Comparable与Comparator的区别
    测试工具。
  • 原文地址:https://www.cnblogs.com/307914070/p/3981768.html
Copyright © 2011-2022 走看看