Heim >Web-Frontend >HTML-Tutorial >css3 transform 2d_html/css_WEB-ITnose

css3 transform 2d_html/css_WEB-ITnose

WBOY
WBOYOriginal
2016-06-21 09:14:33987Durchsuche


以上是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属性

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn