卡卡網(wǎng)

在文件下載時，如果能顯示一個下載進程，那么對用戶來說是一個很好的反饋，本文將給大家介紹一個CSS實現(xiàn)的下載進程動畫。

本文介紹一個純CSS實現(xiàn)的跳動的紅心。 

CSS3 animation 動畫屬性 animation-direction 是一個動畫方向的屬性，該屬性有4個值：normal | reverse | alternate | alternate-reverse，它們的運動方向是不同的，本文著重介紹它們的區(qū)別。

CSS3 animation屬性animation-timing-function定義了動畫的播放速度曲線。該屬性值有6個可選，它們各不相同，只要表現(xiàn)在運動速度(曲線)方面的差異。

CSS3 animation動畫屬性有個animation-fill-mode屬性值，比較常用的有forwards和backwards。這些值有什么不同呢，今天本文將用一個實例一圖解釋。

CSS3 animation 有6個動畫屬性，本文將學習了解animation動畫屬性的固有寫法，了解其各屬性的具體含義。

CSS3 animation動畫屬性值linear、 ease、 ease-in、 ease-out、 ease-in-out，這5個屬性值都是規(guī)定動畫的速度曲線，速度曲線用于使變化更為平滑。