前段时间，iOS7不是瓜未熟就落地了嘛，然后捡瓜的人很多，然后国内外开始了各种探讨，从界面到动画，从兼容到实现等。其中，“毛玻璃”一次梆梆出世，一些爱折腾的弄潮人就可以琢磨怎么用CSS实现之，国内有之，国外也有之……
虽然本文标题也有“毛玻璃”二字，sorry，是“三字”。但是，并不是介绍如何实现毛玻璃效果的，而是介绍毛玻璃效果实现的基础——模糊。哈哈，恕我取巧，借用“毛玻璃”之词，沾沾喜气，散发芳气；蜂飞蝶舞，围观博主。
本文很单纯，就是图片模糊效果的实现。demo、源代码、截图、拓展以及御用模特应有尽有，希望本文的内容能够对您的学习有所帮助！
如果要问如何CSS实现绝对定位元素的居中效果，很多人心里已经有答案了，或借助margin负值，或借助CSS3 transform的translate属性；这里介绍另外一个方法，margin:auto方法……
外甥点灯笼——照旧（舅），有demo有截图有源代码展示。希望本文的内容能够对您的学习有所帮助。
我记得有个版本的迅雷软件，会发现focus文本框时候，其外发光的外挂会跟着动画移动。据说这一系列N动画交互引擎的维护成本还是挺高的。
今天，偶然看到一个名叫Nikita Vasilyev的兄弟在web页面上折腾了个类似效果。其是JS实现的，我习惯性就想，可不可以CSS实现呢，一番折腾，发现，竟然……
CSS选择器可以用来实现搜索功能。
以前提过CSS3的选择器结合表单元素可以用来控制元素的显隐，这里，类似的，还是CSS3的选择器，居然可以用来过滤和搜索页面元素。有兴趣就进来看看吧，可能会有启发哦！
emmet前身是zen coding. 我是通过接触sublime Text而认识的。
据说，emmet支持各种编辑器，神器Notepad++支持, 神器他哥Sublime Text支持，坦克Eclipse也支持，哟，甚至Dreamweaver也支持！
虽众仙喜欢神器，我却依旧Dreamweaver粉。因此，我就讲讲如何在Dreamweaver中使用emmet.
多多截图，简单易懂，可以错过哦~
CSS3斜向渐变，看上去好像挺简单。实际上，其远没有你想得那么简单。本文就将逐步揭开其一些复杂、特意的地方。避免您在日后的使用中掉进坑里。
很多自己制作演示图，希望本文的内容能够对您的学习有所帮助。
CSS3动画、SVG和canvas都与贝塞尔曲线存在基情关系，哟呵呵呵，本文就将揭示其中不为人知的基情，习惯八卦的你可不能错过哦……
发表评论的时候，我们经常会遇到点击星星做评分的交互。大部分情况下，大家使用的是5个一排5个一排的大块星星背景图实现的。实际上，两颗星星就可以搞定。本文就将展示这个。同时，有人觉得，实际需求还需要记住你选中的星星，CSS搞不定。实际上，这是可以使用CSS实现的。如何实现呢？就是本文要介绍的内容。
本文多技术展示，为便于理解，自制了不少原理示意图，以及必要的源代码展示，总之，希望本文的内容能够对您的学习有所帮助。
其实在10年的时候，3年前我就介绍过背景色镂空技术，文章名为：“使用CSS实现Photoshop选区效果及应用”。
实现的就是类似下面的效果。虚框是个gif动画背景，水果图片1像素镂空，于是就有效果啦！
今天我翻墙逛twitter的时候，见到了这种技术更为实际的应用……
我的应用
我的应用