借助CSS提供的animation与transform及filter滤镜等属性，我们可以使用CSS设置出精美的动画效果，进一步可以使用CSS对HTML页面基本元素、图标等进行动画设计，如按钮效果，页面加载图标等。
animation(动画)：
语法：
animation: name duration timing-function delay iteration-count direction fill-mode play-state;
animation-name：指定要绑定到选择器的关键帧的名称
语法：animation-name: keyframename|none;12
keyframename：指定要绑定到选择器的关键帧的名称
none：
ease-in-out：动画以低速开始和结束
linear：动画从头到尾的速度是相同的
ease：默认。动画以低速开始，然后加快，在结束前变慢
ease-in：动画以低速开始
ease-out：动画以低速结束
ease-in-out：动画以低速开始和结束
