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:;
top:;
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:;
-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:;
animation-iteration-count: infinite;
animation-direction: normal;
animation-play-state: running;
}

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

bg,自动一直旋转

上一篇:2016年11月19日 星期六 --出埃及记 Exodus 20:10


下一篇:[题解+总结]NOIP动态规划大合集