卡卡网

在文件下载时，如果能显示一个下载进程，那么对用户来说是一个很好的反馈，本文将给大家介绍一个CSS实现的下载进程动画。

本文介绍一个纯CSS实现的跳动的红心。 

CSS3 animation 动画属性 animation-direction 是一个动画方向的属性，该属性有4个值：normal | reverse | alternate | alternate-reverse，它们的运动方向是不同的，本文着重介绍它们的区别。

CSS3 animation属性animation-timing-function定义了动画的播放速度曲线。该属性值有6个可选，它们各不相同，只要表现在运动速度(曲线)方面的差异。

CSS3 animation动画属性有个animation-fill-mode属性值，比较常用的有forwards和backwards。这些值有什么不同呢，今天本文将用一个实例一图解释。

CSS3 animation 有6个动画属性，本文将学习了解animation动画属性的固有写法，了解其各属性的具体含义。

CSS3 animation动画属性值linear、 ease、 ease-in、 ease-out、 ease-in-out，这5个属性值都是规定动画的速度曲线，速度曲线用于使变化更为平滑。