zoukankan      html  css  js  c++  java
  • 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);
        }
    }
  • 相关阅读:
    Android Gradle使用总结
    Jenkins实现Android自动化打包
    RxJava 2.x 使用最佳实践
    Android 路由框架ARouter最佳实践
    Android 加载GIF图最佳实践
    Java 锁机制 synchronized
    Fiddler抓包使用教程-断点调试
    Fiddler抓包使用教程-Android应用抓包
    Fiddler抓包使用教程-QuickExec
    Fiddler抓包使用教程-模拟低速网络环境
  • 原文地址:https://www.cnblogs.com/gs97/p/7644365.html
Copyright © 2011-2022 走看看