transform:变形即旋转度数、倾斜、按比例缩放等等；而transition 允许css的属性值在一定的时间区间内平滑地过渡，下面有个不错的示例，喜欢的朋友可以感受下
复制代码
代码如下:- 1
- 2
- 3
- 4
- 5
1.transform:变形
其属性有：rotate(10deg)旋转度数；skew(10deg)倾斜；scale(1.5)按比例缩放，负数为缩小，translate(120px,0)移位，向右移动120px，负数表示向左或向上
2.transition 允许css的属性值在一定的时间区间内平滑地过渡
transition:all（执行变换的属性） 0.5s（变换延续的时间） ease-in-out（变换的速率变化）
以上就是css3的transition效果和transfor效果示例介绍的详细内容，更多请关注0133技术站其它相关文章！
