css3 webkit透视功能

我无法找到什么-webkit-perspective。css3 webkit透视功能

-webkit-perspective: 1000;

任何方向吗？

谢谢，

来源

2014-03-04 SamotnyPocitac

阅读此：http://www.w3schools.com/cssref/css3_pr_perspective.asp – LGSon

我后来发现它，很抱歉打扰 – SamotnyPocitac

我们不觉得很难回答一个问题。这就是为什么我们都在这里。 – LGSon

透视属性定义3D元素从视图中放置多少个像素。此属性允许您更改关于如何查看3D元素的视角。

定义元素的透视属性时，它是获取透视图的CHILD元素，而不是元素本身。

<!DOCTYPE html> 
<html> 
<head> 
<style> 
#div1 
{ 
position: relative; 
height: 150px; 
width: 150px; 
margin: 50px; 
padding:10px; 
border: 1px solid black; 
-webkit-perspective:1000px; /* Chrome, Safari, Opera */ 
perspective:1000px; 
} 

#div2 
{ 
padding:50px; 
position: absolute; 
border: 1px solid black; 
background-color: red; 
-webkit-transform: rotateX(45deg); /* Chrome, Safari, Opera */ 
transform: rotateX(45deg); 
} 
</style> 
</head> 

<body> 

<div id="div1"> 
    <div id="div2">HELLO</div> 
</div> 

</body> 
</html>

来源

2014-03-04 19:10:20 SamotnyPocitac

我创造了这个DEMO而回，理解和创建CSS 3D立方体。尝试并改变观点以了解其功能。

来源

2014-03-04 19:10:20

css3 webkit透视功能

回答

相关问题