其他分享
首页 > 其他分享> > 关于div三维旋转

关于div三维旋转

作者:互联网

 

下面是源代码

<!DOCTYPE html>
<html>
<head>
<style>
#div1
{
position: relative;
height: 150px;
width: 150px;
margin: 50px;
padding:10px;
border: 1px solid black;
perspective:10000;
-webkit-perspective:15000; /* Safari and Chrome */
  transform: perspective(1000px) rotateY(56deg);
}


</style>
</head>

<body>

<div id="div1">
 
</div>
 
</body>
</html>

 

标签:10000,transform,Chrome,三维,旋转,perspective,div,源代码,150px
来源: https://blog.csdn.net/weixin_42546367/article/details/120668867