zoukankan      html  css  js  c++  java
  • CSS3 旋转代码备忘

    .Aclose {
        -webkit-transition-property: all;
        -webkit-transition-duration: .3s;
        -moz-transition-property: all;
        -moz-transition-duration: .3s;
        transition-property: all;
        transition-duration: .3s;
    }
    
    .Aclose:hover {
        -moz-transform: rotate(-180deg);
        -o-transform: rotate(-180deg);
        -webkit-transform: rotate(-180deg);
        transform: rotate(-180deg);
    }
    
    .bg {
        width: 200px;
        height: 200px;
        position: absolute;
        left: 0;
        top: 0;
        background: url(../img/light.png);
        background-size: 100%;
        z-index: -1;
        -webkit-animation-name: scroll;
        -webkit-animation-duration: 5s;
        -webkit-animation-timing-function: linear;
        -webkit-animation-delay: 0;
        -webkit-animation-iteration-count: infinite;
        -webkit-animation-direction: normal;
        -webkit-animation-play-state: running;
        animation-name: scroll;
        animation-duration: 5s;
        animation-timing-function: linear;
        animation-delay: 0;
        animation-iteration-count: infinite;
        animation-direction: normal;
        animation-play-state: running;
    }

    Aclose,当鼠标移动到上面时旋转。

    bg,自动一直旋转

  • 相关阅读:
    CodeForcesGym 100524A Astronomy Problem
    ZOJ 2567 Trade
    HDU 3157 Crazy Circuits
    CodeForcesGym 100212E Long Dominoes
    UVALive 6507 Passwords
    [转]
    java socket
    Spark RDD Operations(2)
    Spark cache 和 persist
    vim 基础命令
  • 原文地址:https://www.cnblogs.com/zjfree/p/4484131.html
Copyright © 2011-2022 走看看