css----transform标签

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属性时，后面的会层叠在前面。