12.CSS3常见动画有哪些？实现方式？

一、是什么

CSS动画（CSS Animations）是为层叠样式表建议的允许可扩展标记语言（XML）元素使用CSS的动画的模块

即指元素从一种样式逐渐过渡为另一种样式的过程

常见的动画效果有很多，如平移、旋转、缩放等等，复杂动画则是多个简单动画的组合

css实现动画的方式，有如下几种：

• transition 实现渐变动画

• transform 转变动画

• animation 实现自定义动画

二、实现方式

transition 实现渐变动画

transition的属性如下：

• property:填写需要变化的css属性

• duration:完成过渡效果需要的时间单位(s或者ms)

• timing-function:完成效果的速度曲线

• delay: 动画效果的延迟触发时间

其中timing-function的值有如下：

值	描述
linear	匀速（等于 cubic-bezier(0,0,1,1)）
ease	从慢到快再到慢（cubic-bez