过渡 变形与动画

目录

一、过渡

二、变形

1.transform变形的优势

2. 2D转换

三、过渡和变形的区别

四、动画

1.创建动画

2.动画属性

---

一、过渡

CSS3 过渡是元素从一种样式逐渐改变为另一种的效果。

过渡属性

属性	描述
transition-property	过渡属性
transition-duration	过渡效果花费的时间
transition-timing-function	过渡效果曲线
transition-delay	延时效果
transition	复合属性

【注意】使用transition属性设置多个过渡效果时，它的各个参数必须按照顺序进行定义，不能颠倒。 例如：transition:border-radius 5s ease-in-out 2s;