CSS3硬件加速技巧
使用3D硬件加速提升动画性能时,最好给元素增加一个z-index属性,人为干扰复合层的排序,可以有效减少chrome创建不必要的复合层,提升渲染性能,移动端优化效果尤为明显。 常听人说: 移动端要想动画性能流畅,应该使用3d硬件加速 最近深入了解了一些浏览器内核的细节,感觉这里面其实有坑啊。...
一切伟大的思想和行动都有一个微不足道的开始
使用3D硬件加速提升动画性能时,最好给元素增加一个z-index属性,人为干扰复合层的排序,可以有效减少chrome创建不必要的复合层,提升渲染性能,移动端优化效果尤为明显。 常听人说: 移动端要想动画性能流畅,应该使用3d硬件加速 最近深入了解了一些浏览器内核的细节,感觉这里面其实有坑啊。...
上周收假回公司没太多事情,接触了一下微信小程序,顺便折腾了一个小Demo。小程序给我个人的感觉就是“局限”,不是说局限于平台,而是局限于开发。至于其他的,目前还未有啥感觉,不做评论。 微信小程序的开发就不必赘述了,...
在写这个插件之前,已经在很多专题页面需要用到弹幕,或者是文字滚动等效果,原理大致相同(也有细微区别),但一直没有封装成插件。也是在这些工作中尝试使用了多种方法,在这里也将一一列举其中的优缺点。 一、使用CSS Animation的解决方案...
在上一篇《从画一个圆开始——CSS圆角探秘(一)》中,我们重新了解border-radius的一些属性。我们画好了正圆,了解了圆角,难道border-radius的功能仅限于此吗? 我想并不是,就如同在上一篇文章中border-radius完美结合box-shodow形成多重圆角边框一样。...
这篇文章能够成型因为两个原因。一是团队内部的分享会,二是CSS魔法在2015年CSS Conf上的一次分享。也因为魔法哥的这次分享,深深的勾起了我对CSS深入了解的欲望。也促成了这篇文章的成型。 这篇文章大多可以在《CSS 揭秘》中找到相关案例,...