Home >Web Front-end >HTML Tutorial >css3 transform 2d_html/css_WEB-ITnose

css3 transform 2d_html/css_WEB-ITnose

WBOY
WBOYOriginal
2016-06-21 09:14:33984browse


以上是2d属性
其他的均为3d属性,设置了这些属性变具备了z坐标上的图形。
例如:rotateX()这个属性设置之后,当前元素就会具备z坐标,如果不设置假视角,是无法看出3d效果的,必须是指perspective属性之后才会,看出3d的效果。如果3d元素中含有3d元素,则必须使用transform-style: preserve-3d;属性才能看出来3d效果,

包括2d元素也一样的。
哪个元素上有3d元素,perspective设置了之后就能看到其3d效果。如果3d元素是在另一个3d元素上面的,如果不设置transform-style: preserve-3d,也是无效的。

perspective: 150px;
perspective-origin: 10% 10%;
perspective-origin属性

Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn