标签作用
transformcss元素的缩放、位移、变形是可以实现的。
- 功能：改变元素的位置或形状。
- 属性：tranform 属性值：
- scale：缩放
- translate: 位移(重点)
- rotate：旋转
- ske: 倾斜
1，缩放 格式： transform:scale(x,y) x:表示水平方向上的缩放倍数 y：表示垂直方向上的缩放倍数 若只写一个值表示等比缩放。 【注意】 1.缩放只是一种视觉效果，不会影响其他盒子。 2.取值大于1表示放大，小于1表示缩小。
2，位移translate
格式： transform:translate(水平位移，垂直位移)
取值：水平位移为正，向右移动，垂直方向为下。 只写一个值，表示水平位移。 如果参数是百分比，则相对于自身的宽度和高度。 位移只是一种视觉效果，不会影响其他盒子。 3，旋转：rotate
格式：transform：rotate（角度（deg）） 单位：deg，正值：顺时针，负值：逆时针。
4，倾斜：skew
格式： transform:skew(水平倾斜角，垂直倾斜角) 单位：deg 正值：顺指针 负值：逆时针 两个角度相交，不大于等于90deg.
【注意点】 1.转换操作不会影响其他元素 2.只能添加块元素，不能添加行内元素。 3.同时添加多个变形操作，先执行前者，再执行后者。 4.多个变形操作必须写在一起transform属性背后，多次书写transform属性时，后面的会层叠在前面。