CSS3 動畫簡介

    animation的意思就是“動畫"。需要注意的是，animation和之前所學(xué)過的canvas動畫不同。animation是一個CSS屬性，只能作用于頁面中已經(jīng)存在的元素，而不能像canvas那樣可以在畫布中呈現(xiàn)動畫效果。

    想使用animation動畫，需要先了解@keyframes。它的意思是“關(guān)鍵幀”，在Hash中創(chuàng)建動畫其實就是創(chuàng)建關(guān)鍵幀，CSS3中的?keyframes類似于Flash中的關(guān)撻幀。

    下面是官方對CSS3動畫的解釋。

    動畫是使元素從一種樣式逐漸變化為另一種樣式的效果?？梢愿淖?yōu)槿我鈽邮?，可以進行任意次數(shù)的改變。請用百分比來規(guī)定變化發(fā)生的時間，或用關(guān)鍵詞from和to,等同于0%和100%。0%是動畫的開始，100%是動畫的完成。為了得到最佳的瀏覽器支持，應(yīng)該始終定義0%和100%選擇器。