cssAudio - Activefile-genericCSS - ActiveGeneric - ActiveHTML - ActiveImage - ActiveJS - ActiveSVG - ActiveText - Activefile-genericVideo - ActiveLovehtmlicon-new-collectionicon-personicon-teamlog-outoctocatpop-outspinnerstartv headernumbered-list123split-screen

纯CSS可以做,就给CSS做吧

因为: 1)性能优势: 一般情况下,CSS的性能比JS(JavaScript,下同)好很多(除非,比如,你去动画化box-shadow做出来的像素游戏,等)。当然,WebAssembly普及了,可能情况会不一样 2)可作替补: CSS可以在JS无法正常运行(下载不了,有bug,JS被禁用等)的情况下照常工作

所以,我在codepen上写了这个“纯CSS系列”: