animation-timing-function屬性主要用來設置動畫播放方式。主要讓元素根據時間的推進來改變屬性值的變換速率,簡單點說就是動畫的播放方式。
語法規則:
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。對應功如下:
在調用move動畫播放中,讓元素樣式從初始狀態到終止狀態時,先加速再減速,也就是漸顯漸隱效果。
在右側CSS編輯器第39行輸入正確代碼,讓元素樣式從初始狀態到終止狀態時,逐漸變慢。
思考一下,我們剛講過的animation-timing-function
請驗證,完成請求
由于請求次數過多,請先驗證,完成再次請求
打開微信掃碼自動綁定
綁定后可得到
使用 Ctrl+D 可將課程添加到書簽
舉報