CSS SECRETS
css
竹白記事本,學習紀錄,2019/03/18。
Ch8 轉場和動畫
ease
,平滑播放(逐漸變慢)。ease-in
,慢到快(加速)。ease-out
,快到慢(減速)。ease-in-out
,慢到快再到慢(先加速後再減速)。linear
,線性播放(等速)。step-start
、step-end
,按照關鍵影格的順序一格格進行,不會有中間的演算動畫,兩者差異在於,前者看不到第一格,後者看不到最後一格。cubic-bezier()
,自定義速度。CodePen:CSS SECRETS 8-1 彈動轉場