鍍金池/ 問(wèn)答/HTML/ 關(guān)于css寬度增加動(dòng)畫卡頓的問(wèn)題

關(guān)于css寬度增加動(dòng)畫卡頓的問(wèn)題

clipboard.png
如圖,如果對(duì)div進(jìn)行寬度動(dòng)畫增加的功能,如何在手機(jī)中顯示不卡頓?蘋果5s 會(huì)有稍微的卡頓現(xiàn)象,小米測(cè)試機(jī)目前沒(méi)有發(fā)現(xiàn)。

回答
編輯回答
尐飯團(tuán)

animation的時(shí)間改小一些試試

2018年7月9日 18:42
編輯回答
吢涼

加過(guò)渡屬性transition:all 0.5s;
CSS3 過(guò)渡屬性

2017年11月17日 02:14
編輯回答
冷咖啡

樓上正解,使用gpu渲染是最好的

2018年1月7日 23:08
編輯回答
入她眼

用transform:scale來(lái)代替直接改變width性能會(huì)強(qiáng)些

2017年11月18日 04:18