完整文章位於 OXXO.STUDIO 新網站
點選閱讀完整文章:
http://www.oxxostudio.tw/articles/201406/css-cubic-bezier.html
摘要:
Cubic Bezier 就是一個具有兩個端點與兩個貝茲控制點的曲線,( SVG 裏頭 Path 的 "C" 參數 ),其實這個利用貝茲曲線的控制方式在大多數的 CSS 中都不常見,主因這是 CSS3 裏頭動畫的速度控制選項,通常我們在設定動畫的速度,大多直接使用 ease in 或 ease out 來取代,但藉由 Cubic Bezier,我們更可以創造出各種不同速度控制的動畫效果。
點選閱讀完整文章:
http://www.oxxostudio.tw/articles/201406/css-cubic-bezier.html
摘要:
Cubic Bezier 就是一個具有兩個端點與兩個貝茲控制點的曲線,( SVG 裏頭 Path 的 "C" 參數 ),其實這個利用貝茲曲線的控制方式在大多數的 CSS 中都不常見,主因這是 CSS3 裏頭動畫的速度控制選項,通常我們在設定動畫的速度,大多直接使用 ease in 或 ease out 來取代,但藉由 Cubic Bezier,我們更可以創造出各種不同速度控制的動畫效果。