現(xiàn)在手機(jī)的占比越來越高，各種酷炫頁面層出不窮，這些特效都離不開css動(dòng)畫。說到css動(dòng)畫，主流的情況也就無非這兩大類：位移和形變。而我們在寫一個(gè)動(dòng)畫特效的過程中，如何去提升它的性能呢？當(dāng)然首先我們需要去了解一下基本的概念，比如瀏覽器渲染的工作原理等，這些我也在讀了幾位大牛寫的相關(guān)文章后才有了一定的了解，這邊我也不細(xì)說了，有興趣的同學(xué)可以去了解一下。本次的目的簡單粗暴地講，其實(shí)就是我們應(yīng)該使用什么css屬性去進(jìn)行動(dòng)畫的繪制時(shí)，能夠有效的提高瀏覽器在渲染和繪制過程中的性能。

分別使用了left和transform在2秒內(nèi)向右平移了500px的位移。代碼如下：

發(fā)表評論 共有條評論 用戶名: 密碼: 驗(yàn)證碼: 匿名發(fā)表