zoukankan      html  css  js  c++  java
  • css3 旋转出现动画

    @-moz-keyframes daf{
         0% {
             -moz-transform: rotate(-360deg) scale(0.2);
    	     -webkit-transform: rotate(-360deg) scale(0.2);
    	     -o-transform: rotate(-360deg) scale(0.2);
    	     -ms-transform: rotate(-360deg) scale(0.2);
    	     transform: rotate(-360deg) scale(0.2);
         }
    
          100% {
             -moz-transform: none;
    	     -webkit-transform: none;
    	     -o-transform: none;
    	     -ms-transform: none;
    	     transform: none;
         }
    }
    

      

    .daf:not(:target){
    	animation-name: daf;
    	 animation-duration: 1.5s;
    	animation-timing-function: linear;
    	-webkit-animation-name: daf;
    	-webkit-animation-duration:1.5s;
    	
    	-moz-animation-name: daf;
    	-moz-animation-duration: 1.5s;
    	
    	 -o-animation-name: daf;
    	 -o-animation-duration:1.5s;
    	
    	 -ms-animation-name: daf;
    	 -ms-animation-duration: 1.5s;
    	
    	
    }
    

      

  • 相关阅读:
    二叉排序树
    堆排序
    线索化二叉树
    vue 格式化代码
    线程的理解
    声明式的服务调用 Feign
    使用锁 的理解
    zookeeper 的理解
    AQS 源码解析
    HashMap 的理解与结构
  • 原文地址:https://www.cnblogs.com/xupeiyu/p/4146850.html
Copyright © 2011-2022 走看看