早在两年前，现代浏览器就支持通过CSS animation-composition属性设置动画@keyframes里面的语句渲染是替换还是累加了，再也不用担心transform冲突了。
文章关键字 ‘blur’
CSS animation-composition可以让动画效果累加
2025年05月12日，星期一细说iOS Safari下focus的行为
2020年10月26日，星期一
iOS Safari浏览器下的focus行为和其他浏览器都一些明显不一致的地方，有时候会给开发带来困扰，这里就说说相关的细节知识，均源自于自己日常开发，希望可以给遇到类似问题的前端同行带来帮助。
CSS backdrop-filter简介与苹果iOS毛玻璃效果
2019年11月15日，星期五
FDCon2019大会分享之滤镜与混合模式实录
2019年06月10日，星期一
第4届中国前端开发者千人峰会上我做了名为“滤镜与混合模式”主题分享，这里我把分享内容，尤其一些案例和源码整理成文，给需要的人，末尾有分享PPT文件的下载，内容较多，请提前预留足够学习时间。
3种纯CSS实现中间镂空的12色彩虹渐变圆环方法
2017年11月7日，星期二上周我做了个demo，使用SVG实现了一个彩条圆环倒计时效果，使用SVG实现的优点是兼容性非常好，不足在于学习成本比较高，于是我就琢磨有没有更简单的方法实现类似的多彩圆环渐变效果，最好纯CSS就能搞定。绞尽脑汁想出了下面三种实现方法……
使用CSS将图片转换成模糊(毛玻璃)效果
2013年11月21日，星期四前段时间，iOS7不是瓜未熟就落地了嘛，然后捡瓜的人很多，然后国内外开始了各种探讨，从界面到动画，从兼容到实现等。其中，“毛玻璃”一次梆梆出世，一些爱折腾的弄潮人就可以琢磨怎么用CSS实现之，国内有之，国外也有之……
虽然本文标题也有“毛玻璃”二字，sorry，是“三字”。但是，并不是介绍如何实现毛玻璃效果的，而是介绍毛玻璃效果实现的基础——模糊。哈哈，恕我取巧，借用“毛玻璃”之词，沾沾喜气，散发芳气；蜂飞蝶舞，围观博主。
本文很单纯，就是图片模糊效果的实现。demo、源代码、截图、拓展以及御用模特应有尽有，希望本文的内容能够对您的学习有所帮助！
我的应用
我的应用