作者:我木良心c | 来源:互联网 | 2023-09-05 19:56
1234567891011121314151617181920212223242526.spinner { /* color */ background-color: #3e4b54;
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26
| .spinner {
/* color */
background-color: #3e4b54;
/* layout */
width: 150px;
height: 150px;
animation: rotateplane 5s ease-in-out;
-webkit-animation: rotateplane 5s ease-in-out;
}
}
@keyframes rotateplane {
0% {
transform: perspective(120px);
}
50% {
transform: perspective(120px) rotateY(180deg);
}
100% {
transform: perspective(120px) rotateX(180deg) rotateY(180deg);
}
} |
这段代码可以创建一个旋转方块,顺着Y轴转180,然后顺着x轴转180,但是当我把
时候的
删除之后,感觉就是2d旋转了,这是什么原因?