首頁 >web前端 >html教學 >css3 transform 2d_html/css_WEB-ITnose

css3 transform 2d_html/css_WEB-ITnose

WBOY
WBOY原創
2016-06-21 09:14:33991瀏覽


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

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn