zoukankan      html  css  js  c++  java
  • 简单css3旋转动画

       简单旋转 360 度 ,以前做过忘记了 ,找代码花了十几分钟 ,贴下来以后好cv工程化开发。

    div:nth-of-type(4) {

    position:absolute;
    1.05rem;
    height:.98rem;
    top:2.45rem;
    left:4.4rem;
    z-index: 999;
    -webkit-animation:zz 4s infinite linear ;
    animation:zz 4s infinite linear ;
    transform-origin:61% 55%;
    -webkit-transform-origin:61% 55%;
    -moz-transform-origin:61% 55%;
    }

    @-webkit-keyframes zz {
    0%{
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    transform: rotate(0deg);
    }

    100%{
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    transform: rotate(360deg);
    }
    }
  • 相关阅读:
    Emacs教程
    华为上机测试 2015
    奇偶排序
    C语言中的EOF和回车不一样
    jquery 使用方法
    1116
    1115
    1109
    Oracle14~23
    get与post的区别
  • 原文地址:https://www.cnblogs.com/fordouble/p/7365307.html
Copyright © 2011-2022 走看看