编辑
2023-03-20
CSS3
0
请注意,本文编写于 593 天前,最后修改于 571 天前,其中某些信息可能已经过时。

目录

旋转
说明
语法
水平X轴旋转
水平y轴旋转
偏移
语法
倾斜
语法
缩放
说明
语法
注意
缩放
transform
语法示例
参数

旋转

说明

旋转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:缩放倍数

本文作者:RKLS

本文链接:

版权声明:本博客所有文章除特别声明外,均采用 BY-NC-SA 许可协议。转载请注明出处!