该楼层疑似违规已被系统折叠 隐藏此楼查看此楼
.content .headerright ul
{
width: 200px;
height: 200px;
margin: 100px auto;
/*background-color: red;*/
/*border: 1px solid #000;*/
box-sizing: border-box;
position: relative;
transform-style: preserve-3d;
transform: rotateX(-10deg) rotateY(0deg);
}
.content .headerright ul li{
list-style: none;
width: 200px;
height: 200px;
font-size:60px;
line-height:200px;
text-align: center;
/*border: 1px solid #000;*/
/*box-sizing: border-box;*/
position: absolute;
left: 0;
top: 0;
}
.content .headerright ul li:nth-child(1){
background-color: cyan;
transform: rotateY(60deg) translateZ(200px);
}
.content .headerright ul li:nth-child(2){
background-color: teal;
transform: rotateY(120deg) translateZ(200px);
}
.content .headerright ul li:nth-child(3){
background-color: yellow;
transform: rotateY(180deg) translateZ(200px);
}
.content .headerright ul li:nth-child(4){
background-color: deeppink;
transform: rotateY(240deg) translateZ(200px);
}
.content .headerright ul li:nth-child(5){
background-color: fuchsia;
transform: rotateY(300deg) translateZ(200px);
}
.content .headerright ul li:nth-child(6){
background-color: khaki;
transform: rotateY(360deg) translateZ(200px);
}
.content .headerright ul li img{
width: 200px;
height: 200px;
}
------------------------