制作動態(tài)的網(wǎng)頁是是前端工程師必備的技能，很好的實現(xiàn)動畫能夠極大的提高用戶體驗，增強(qiáng)交互效果，那么動畫有多少實現(xiàn)方式，一直對此有選擇恐懼癥的我就總結(jié)一下，以便在開發(fā)的時候選擇最好的實現(xiàn)方式。
1.css的transition。
語法：
transition: ; property:填寫需要變化的css屬性如：width,line-height,font-size,color等;
duration:完成過渡效果需要的時間（2s 或者2000ms）
timing-function:完成效果的速度曲線（linear,ease,ease-in,ease-out等等）
| 值 | 描述 |
|---|---|
| linear | 勻速（等于 cubic-bezier(0,0,1,1)）。 |
| ease | 從慢到快再到慢（cubic-bezier(0.25,0.1,0.25,1)）。 |
| ease-in | 慢慢變快（等于 cubic-bezier(0.42,0,1,1)）。 |
| ease-out | 慢慢變慢（等于 cubic-bezier(0,0,0.58,1)）。 |
| ease-in-out | 先變快再到慢（等于 cubic-bezier(0.42,0,0.58,1)）。漸顯漸隱效果 |
延伸閱讀
 學(xué)習(xí)是年輕人改變自己的最好方式
我想了解如何學(xué)習(xí) |