本文详细介绍了CSS中的transform属性，包括倾斜、移动、旋转和缩放等2D转换功能，以及对应的语法规则。此外，还深入探讨了CSS动画，如关键帧的创建、animation属性的使用，如animation-name、animation-duration、animation-timing-function等，帮助读者掌握CSS动态效果的实现技巧。
transform属性允许对元素应用2D转换，常见的2D转换：
倾斜，移动，旋转，缩放
语法规则
选择器{
transform:none | transiform-functions
}
tansform-functions:用于设置变形函数，可以是一个或多个变形函数列表
2D转换常用函数
| rotate(angel) |
旋转元素 |
Angel是度数值，代表旋转角度 |
| skew(x-angel,y-angel) |
倾斜元素 |
|
| skewX(angel) |
沿着X轴倾斜 |
|
| skewY |
沿着Y轴倾斜 |
| scale(x,y) |
缩放元素，改变元素的高度和宽度 |
代表缩放比例，取值包含正数 、负数和小数 |
最低0.47元/天 解锁文章
扫一扫
391
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
