本文详细介绍了CSS3中的转换（transform）属性，包括translate、rotate、scale、skew以及3D转换等，同时讲解了如何使用@keyframes创建动画，并控制动画的时间、速度曲线和延迟，以实现丰富的网页交互效果。
渐变 transition：效果 时间 速度曲线 延时 ， 效果 时间 速度曲线 延时
转换 transfrom 平移 transfrom：translate（水平，垂直）;
旋转 transfrom：rotate（ deg）; 旋转轴心 transfrom-origin：方向；
改变大小 transfrom：scale（水平，垂直）；
倾斜 transfrom：skew（垂直deg，水平deg）；
3d转换 transfrom：rotateX（）绕x轴 transfrom：rotateY（）绕y轴 transfrom：rotateZ（）绕z轴
div{animation：move 时间}
@keyframes move{0%{属性；} 100%{属性；}}
animation：名称 时间 速度曲线 延时 播放次数 运行
扫一扫
198
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
