2D转换css,CSS3 2D 转换

CSS3 2D 转换

2020-12-04

2D/3D 转换属性属性描述CSStransform适用于2D或3D转换的元素3transform-origin允许您更改转化元素位置3transform-style3D空间中的指定如何嵌套元素3perspective指定3D元素是如何查看透视图3perspective-origin指定3D元素底部位置3backface-visibility定义一个元素是否应该是可见的，不对着屏幕时3过渡(Transition) 属性属性描述CSStransition此属性是 transition-property、transition-duration、transition-timing-function、transition-delay 的简写形式。3transition-property设置用来进行过渡的CSS 属性。3transition-duration设置过渡进行的时间长度。3transition-timing-function设置过渡进行的时序函数。3transition-delay指定过渡开始的时间。3用户外观(User-interface) 属性属性描述CSSappearance定义元素的外观样式3box-sizing允许您为了适应区域以某种方式定义某些元素3icon为元素指定图标3nav-down指定用户按向下键时向下导航的位置3nav-index指定导航(tab)顺序。3nav-left指定用户按向左键时向左导航的位置3nav-right指定用户按向右键时向左导航的位置3nav-up指定用户按向上键时向上导航的位置3outline-offset设置轮廓框架在 border 边缘外的偏移3resize定义元素是否可以改变大小3新转换属性属性描述CSStransform适用于2D或3D转换的元素3transform-origin允许您更改转化元素位置32D 转换方法函数描述matrix(n,n,n,n,n,n)定义 2D 转换，使用六个值的矩阵translate(x,y)定义 2D 转换，沿着 X 和 Y 轴移动元素translateX(n)定义 2D 转换，沿着 X 轴移动元素translateY(n)定义 2D 转换，沿着 Y 轴移动元素scale(x,y)定义 2D 缩放转换，改变元素的宽度和高度scaleX(n)定义 2D 缩放转换，改变元素的宽度scaleY(n)定义 2D 缩放转换，改变元素的高度rotate(angle)定义 2D 旋转，在参数中规定角度skew(x-angle,y-angle)定义 2D 倾斜转换，沿着 X 和 Y 轴skewX(angle)定义 2D 倾斜转换，沿着 X 轴skewY(angle)定义 2D 倾斜转换，沿着 Y 轴

免责声明：本文仅代表文章作者的个人观点，与本站无关。其原创性、真实性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容文字的真实性、完整性和原创性本站不作任何保证或承诺，请读者仅作参考，并自行核实相关内容。

http://image95.pinlue.com/image/18.jpg