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