作為一個工作多年的前端開發,我來回答一下這個問題。
首先需要說明的是:css動畫是無法導出的。在web中能直接導出動畫模型的應該只有webgl了。
隨著html5和css3的流行。傳統的dom動畫可以不再依賴于js,CSS3給我們提供了兩種動畫方式。
過渡動畫transition
我們只需要給要運動的元素添加一個transition屬性,設置時間,運動方式,運動屬性,延遲時間等。當我們改變它的CSS屬性的時候,就是啟用當前設置的動畫。弊端是動畫形式比較單一,優勢是設置起來比較容易。
幀動畫keyframes
它可以實現一些比較復雜的動畫。首先我們需要通過keyframesname{}的形式去定義一個動畫。name為當前的動畫名稱,它里面可以設置N個動畫幀。適合一些復雜的交互動畫,它的弊端是創建幀動畫的過程很繁瑣。好在在css3中,有一個很有名的動畫庫
animation.css
里面提供了大量的動畫,我們可以根據自己的需要選擇其中的動畫、希望我的回答能幫助到你^_^