您的位置:首页 > Web前端 > CSS

CSS3 旋转代码备忘

2015-05-07 10:34 447 查看
.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,自动一直旋转
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: