首页 > 代码库 > css变形几大属性
css变形几大属性
1、transform: transform-function() * | none;
transform-function: translate()、scale()、rotate()、skew()、matrix()。
2、transform-origin:用来指定元素的中心位置。
css3中的旋转、缩放、倾斜都可以通过transform-origin重置元素的原点,但其中的位移translate()始终以元素中心点进行位移。
设置Z轴上的方向时,百分比无效。
3、transform-style:flat (默认值,表示所有子元素呈现在2D平面。) | preserve-3d(所有子元素在3D平面呈现)
4、perspective:设置查看者位置,设置后才存在景深。设置于父元素之上。
perspective()作用于当前形变元素之上,与其他transform-function一起使用。
5、perspective-origin:决定perspective属性的原点角度。定义在父元素上,并必须与perspective一起使用。
6、backface-visibility:visible(背面可见) |hidden(不可见)
css变形几大属性
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。