本篇文章探讨了HTML5+CSS3从入门到精通之利用CSS3渐变效果实现圆环旋转效果,希望阅读本篇文章以后大家有所收获,帮助大家对相关内容的理解更加深入。
<
* {
margin: 0;
padding: 0;
}
.stage {
width: 200px;
height: 130px;
margin: 100px auto;
position: relative;
perspective: 1300px;
perspective-origin: 100px -400px;
}
.stage ul {
list-style: none;
width: 100%;
height: 100%;
}
img {
backface-visibility: hidden;
}
#ring {
width: 200px;
height: 130px;
position: absolute;
top: 0;
/*transform: rotateY(0deg);*/
left: 0;
transform-style: preserve-3d;
tra