当前位置: 首页 > Web前端 > HTML

2D

时间:2023-03-28 00:54:29 HTML

1.概念俗称2d变换,是指根据2d平面的角度改变标签元素。例如,让盒子移动,让盒子缩放,让盒子旋转。二、平移1、概念平移是将方框水平或垂直移动。2.语法变换:方向属性(像素值);direction属性:translateX(水平移动,正值向右,负值向左)translateY(垂直移动,正值向下,负值向上)复合写法:transform:translate(水平像素值,垂直像素值);三、缩放1、概念上的缩放是指框可以缩放或放大一定倍数。2.语法transform:direction属性(放大倍数)方向属性:scaleX(水平放大)scaleY(垂直放大)复合写法:transform:scale(multiple);(注:大于1放大,小于1缩小)4.旋转1.概念旋转是指绕x轴或y轴旋转方框。2.语法transform:direction属性(旋转角度,单位为deg);transform-origin:x轴坐标y轴坐标;(调整旋转中心,可以用像素值,可以用关键字)backface-visibility:hidden;(设置旋转180度后背面是否可见)Orientation属性:rotateX(绕x轴旋转多少角度)rotateY(绕y轴旋转多少角度)rotate(绕y轴旋转多少角度)框的中心点)