animation屬性通過前面的知識點知道cssanimations由關鍵幀(@keyframes)和css聲明兩部分構成,接下來學習下動畫的聲明屬性。animation屬性用于描述動畫的css聲明,包括指定具體動畫以及動畫時長等行為。與transtion類似,animation也是一個復合屬性,其取值主要有以下8個,下表格6-5列出了@keyframes規則和所有動畫屬性:表6-5@keyframes規則和所有動畫屬性...
繼續閱讀 →
keyframes關鍵幀其實對于“幀”這個概念平時接觸是比較多的,比如電影或錄制視頻都會有“幀”的概念。下面我們就一起來看看動畫中的這個keyframes是什么東西。前面我們在使用transition制作一個簡單的transition效果時,我們包括了初始屬性和最終屬性,一個開始執行動作時間和一個延續動作時間以及動作的變換速率,其實這些值都是一個中間值,如果我們要控制的更細一些,比如說我要第一個時間段執行什么動作,第二個時間段執行什么動作(換到flash中說,就是第一幀我要執...
繼續閱讀 →