從上一篇知道了我們可以用 transform 來製作 :hover 的動畫效果，
但如果單純的只使用 transform ，是看不到中間的動畫效果的~
因為必須還要再加上 Transition 的屬性來控制才可以。
簡單地先說一下 Transition 吧
當我們完成要設定的動畫效果之後，再加上 transition 才能夠完成中間的補間效果，
稍微看一下大概就會知道 transition 負責哪四個部分：
transition-property ：指定要控制的 transform 屬性。
transition-duration ：指定動畫要完成所需要的時間。
transition-timing-function ：指定動畫漸增、漸減等9種速度效果。
transition-delay ：指定動畫延遲的。
剩下的晚上下課後更新。
iThome鐵人賽
看影片追技術