旋转

说明

旋转div内部文字也会发送变化，任何元素都可以旋转

语法

css
transform: rotate(90deg)

水平X轴旋转

css
transform: rotateX(90deg)

水平y轴旋转

css
transform: rotateY(90deg)

偏移

语法

css
transform: translaate(50px,100px;)

倾斜

语法

css
transform: tskew(90deg)

缩放

说明

不会改变元素css设置的大小，会造成元素内部元素文本等变形

语法

css
transform: scale(2,3);

参数: 值依次为水平缩放倍数、垂直缩放倍数

注意

多出来的部分不会站位置

缩放

transform

可以对元素进行调整大小、移动、旋转、翻转等操作。

语法示例

css
p:hover {
  transform: scale(2.1);
}

参数

2.1：缩放倍数