animation-timing-function屬性主要用來設(shè)置動(dòng)畫播放方式。主要讓元素根據(jù)時(shí)間的推進(jìn)來改變屬性值的變換速率,簡(jiǎn)單點(diǎn)說就是動(dòng)畫的播放方式。
語法規(guī)則:
animation-timing-function:ease | linear | ease-in | ease-out | ease-in-out | cubic-bezier(<number>, <number>, <number>, <number>) [, ease | linear | ease-in | ease-out | ease-in-out | cubic-bezier(<number>, <number>, <number>, <number>)]*
它和transition中的transition-timing-function一樣,具有以下幾種變換方式:ease,ease-in,ease-in-out,ease-out,linear和cubic-bezier。對(duì)應(yīng)功如下:
在調(diào)用move動(dòng)畫播放中,讓元素樣式從初始狀態(tài)到終止?fàn)顟B(tài)時(shí),先加速再減速,也就是漸顯漸隱效果。
在右側(cè)CSS編輯器第39行輸入正確代碼,讓元素樣式從初始狀態(tài)到終止?fàn)顟B(tài)時(shí),逐漸變慢。
思考一下,我們剛講過的animation-timing-function
請(qǐng)驗(yàn)證,完成請(qǐng)求
由于請(qǐng)求次數(shù)過多,請(qǐng)先驗(yàn)證,完成再次請(qǐng)求
打開微信掃碼自動(dòng)綁定
綁定后可得到
使用 Ctrl+D 可將課程添加到書簽
舉報(bào)