zoukankan      html  css  js  c++  java
  • CSS3简单的动画

    Fix Bug
    <style>
    .demo{
            width:80px;
            height:80px;
            text-align:center;
            line-height:80px;
            background:#f80;
            border:3px solid #eee;
            color:#fff;
            -webkit-animation: animate 3s .5s ease infinite alternate;
            -moz-animation: animate 3s .5s ease infinite alternate;
        }
    @-webkit-keyframes animate{
            from {
                background:#f00;
                -webkit-transform:translate(0px) rotate(0deg);
                }
            to {
                background:#33C;
                -webkit-transform:translate(200px) rotate(360deg);
                }
        }
    @-moz-keyframes animate{
            from {
                background:#f00;
                -moz-transform:translate(0px) rotate(0deg);
                }
            to {
                background:#33C;
                -moz-transform:translate(200px) rotate(360deg);
                }
        }        
    </style>

    <div class="demo">Fix Bug</div>

  • 相关阅读:
    LowerUDF
    第二次c++作业总结
    Java多线程详述
    OutOfMemoryError异常
    Java虚拟机内存区域
    HIS(LIS、PACS、RIS、EMR)系统解决方案
    如何用PLSQL Developer连接远程的ORACLE数据库
    iBATIS与Hibernate的异同
    Java复习_static用例_单例模式_饿汉式
    Java复习_static静态方法(类方法)
  • 原文地址:https://www.cnblogs.com/fixbug/p/4007380.html
Copyright © 2011-2022 走看看