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透視功能

回答

相關問題