<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style>
*{
margin:0;padding:0;}
#dkk{
width:200px;
height:200px;
position:absolute;/*大盒子先居中可以用其他效果居中*/
left:50%;
top:50%;
transform: translateX(-50%) translateY(-50%);
perspective:1000px;/*透视效果*/
}
.big{
/*这个就是正方体了*/
position: relative;
width:200px;
height:200px;
transform-style: preserve-3d;/*变成3D效果*/
-ms-transform-style: preserve-3d;/*兼容浏览器*/
transform:rotateX(-60deg) rotateY(-60deg) rotateZ(0deg);
animation
CSS制作3D旋转正方体
最新推荐文章于 2022-06-14 15:41:56 发布
![](https://img-home.csdnimg.cn/images/20240711042549.png)