CSS3 animation属性运用—雪碧图

一、雪碧图

指CSS中的图片拼合技术,将多个背景图拼合在同一张图片上,在使用时按照需求对图片位置进行改动。

二、animation属性

1. 语法：

animation: name duration timing-function delay iteration-count direction fill-mode play-state;

-webkit-animation: name duration timing-function delay iteration-count direction fill-mode play-state;

或者：

animation-name: mymove;

animation-duration: 5s;

animation-timing-function: linear;

animation-delay: 2s;

animation-iteration-count: 3;

animation-direction: normal;

animation-fill-mode: none;

animation-play-state: running;

2. 属性说明

名称	说明	值
animation-name