问css3 webkit透视图功能
EN

Stack Overflow用户

提问于 2014-03-04 19:06:38

回答 2查看 443关注 0票数 0

我什么都找不到-webkit-透视。

-webkit-perspective: 1000;

有什么指示吗？

谢谢,

css

回答 2

Stack Overflow用户

回答已采纳

发布于 2014-03-04 19:10:20

透视图属性定义了3D元素从视图中放置的像素数。此属性允许您更改如何查看3D元素的透视图。

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

<!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>

票数 1

Stack Overflow用户

发布于 2014-03-04 19:10:20

我一段时间前创建了这个演示，以理解并创建一个CSS3D多维数据集。试着改变视角来理解它的作用。

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/22180714

复制

相似问题

问css3 webkit透视图功能
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问css3 webkit透视图功能EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问css3 webkit透视图功能
EN