1.2D、3D转换
通过CSS3转换,我们能够对元素进行移动、缩放、转动、拉长或者拉伸。转换是使元素改变形状、尺寸和位置的一中效果,可以使用2D、3D来转换元素。
(1)2D转换
translate(x,y)移动[两个参数:x为x坐标移动量,y为y坐标移动量]
rotate(a)旋转[一个参数:a为旋转的角度]
cale(a,b)缩放[两个参数:a为宽度的缩放倍数,b为高度的缩放倍数]
kew(a,b)倾斜[两个参数:a为绕x轴旋转的角度,b为绕y轴旋转的角度]
matrix()
(2)3D转换方法
rotateX()
rotateY()
2.动画
通过CSS3,也可以进行动画创建,CSS3的动画需要遵循@keyframes规则,包括规定动画的时长,规定动画的名称。
3.多列
在CSS3中,可以创建多列来对文本或者区域进行布局
属性包括:
text
1
2
3
4
5
6
7
column-count 列数
column-gap 列间距
column-rule 列边框
4.过渡
通过使用CSS3,可以给元素添加一些过渡效果。
CSS3过渡是元素从一种样式转换成另一种样式
属性如下:
| 属性 | 描述 |
| transition | 设置四个过渡属性 |
| transition-property | 过渡的名称 |
| transition-duration | 过渡效果花费的时间 |
| transition-timing-function | 过渡效果的时间曲线 |
| transition-delay | 过渡效果开始时间 |





评论
登录后即可评论
分享你的想法,与作者互动
暂无评论