贝塞尔曲线 cubic-bezier()
生活随笔
收集整理的這篇文章主要介紹了
贝塞尔曲线 cubic-bezier()
小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.
貝塞爾曲線在很多方面都有應用,咱們主要用它設置屬性變化的速度。籠統(tǒng)點講比方說ease-in這個值,它表示變化先慢后快,如圖1這個樣子,ease-in的貝塞爾曲線為?cubic-bezier(0.42, 0, 1.0, 1.0)。
圖1貝塞爾曲線是一條光滑的曲線,由兩個定點和兩個動點確定確定,頂點坐標分別為(0,0)和(1,1),動點決定了它的斜率,它在某時刻的斜率即為在該時刻的速度,簡言之,這里的貝塞爾曲線就是時間與位移的函數(shù),如下圖
寫法是cubic-bezier(num1,num2,num3,num4),num1-4分別代表動點1的橫坐標、動點1的縱坐標、動點2的橫坐標、動點2的縱坐標。
?
總結(jié)
以上是生活随笔為你收集整理的贝塞尔曲线 cubic-bezier()的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: CSS3过渡属性transition详解
- 下一篇: @keyframes—定义动画关键帧