其实在10年的时候，3年前我就介绍过背景色镂空技术，文章名为：“使用CSS实现Photoshop选区效果及应用”。
实现的就是类似下面的效果。虚框是个gif动画背景，水果图片1像素镂空，于是就有效果啦！
今天我翻墙逛twitter的时候，见到了这种技术更为实际的应用……
“CSS相关”目录存档
CSS背景色镂空技术实际应用及进阶
2013年07月27日，星期六first-line伪类实现兼容IE6/IE7的单标签多背景效果
2013年07月5日，星期五background+filter滤镜可以实现低版本IE浏览器下的多背景效果，::first-line伪元素也是可以实现的，本文就将介绍这种技巧。有表格数据、有源代码展示，有demo页面，有效果截图，总之，希望本文的内容能够对您的学习有所帮助。
小tip: CSS3 animation渐进实现点点点等待提示效果
2013年06月9日，星期日一个名叫“阿贾克斯”的屌丝男在名为“客户端”的学校上学，为了追女神，下狠心，借了高利贷给女神买Mac. 结果，期限已到，要债的找上门，没办法，只能向身在“服务器端”的父母要钱。但是，要钱是要一定的过程和时间的。他必须想办法向要债的表明，钱正在过来的过程中，否则，可能要债的会认为你在忽悠，直接使大招——”Ctrl+W”，瞬间灭了你，眼不见心不烦。
如果告知钱正在过来的过程中呢？
有人可能如下处理，弄个转转转的小图片告诉要债的，看，我在原地不停地转……
伪元素表单控件默认样式重置与自定义大全
2013年06月7日，星期五所有的form表单元素都有或多或少的伪元素可以重置其浏览器内置的UI样式，我光demo就有17个之多，截图30+之多，本文虽参考之作，自己条条亲自验证设置。虽目前价值并未凸显，但是，过段时间，可能就是宝了。
CSS3 box-shadow兼容loading效果兼IE10+ CSS Hack介绍
2013年05月29日，星期三
摘要，摘个鬼啊，本来只想来个短篇的，该死的越写越多，这个点了，还有鬼心情写摘要啊。总之，是处理IE10+浏览器非常不错的一篇文章，demo啊，截图啊，源代码显然很多的啦。还有大量关于伪类伪元素的小技巧小知识等……就这样，我先撤了~~~
小tip: transition与visibility
2013年05月14日，星期二这里的transition指的就是CSS3中的那个过渡动画属性transition. 如果我们仔细查看其支持的CSS属性值，会发现竟然有一个visibility.
此时，我的脑袋上立马冒出了3个大大的问号：visibility不就visibile/hidden/collapse等值，又不是数值什么的，怎么有动画效果呢？？
一番查阅研究，发现，这玩意还是有些作料的……
CSS hover效果的逆向思维实现
2013年04月18日，星期四如果一件事件，下手很难，结果很简单。可以试试逆向思维，从结果入手，说不定就会找到出路。这个道理在简单的CSS世界中同样适用，对于hover效果，如果下手很难，最后的效果却不难实现。我们可以换个思维，先实现结果，然后在hover实现比较难下手的那个效果，找到出路，原路返回，问题自然更加轻松解决了。
本文的例子更多是抛砖引玉……
梳理：提高前端性能方面的处理以及不足
2013年04月3日，星期三如题，自己折腾网站时候关于前端性能方面处理的一点经验梳理。自我总结同时也希望可以和大家多多交流。
有意思：textarea resize属性下纯CSS交互效果
2013年03月27日，星期三本文介绍的是使用纯CSS，利用textarea resize属性实现的一个交互效果，由于兼容性这个硬伤，仅供大家娱乐，仅供大家参考。
可缺省的CSS布局
2013年03月21日，星期四要赶着回去买菜，直接copy一段文中的话做摘要了~~
你永远不知道产品经理需要什么东西，因此，在页面布局的时候，一定要有强烈的意识：要是产品经理看这里不爽，把这里这部分干掉怎么办？如果干掉了，我是不是只要张个嘴让后台那边把这部分HTML注释或删掉就可以呢！
如果真能做到这样，哪有那么多加班？哪有改动恐惧症？哪有各种不满的吐槽？你应该有更多的时间去学习其他新的或者深的东西，而不是被本可以什么都不要做的改动折腾掉N多的时间和精力。前者久而久之良性循环，疾驰与他人之前；后者原地循环，跑步机上死命奔跑。
一句话，后期维护很轻松。装饰性元素自然必须可缺省，而且一点都不能影响布局；而功能性元素，也应该有强烈的可缺省意识，这样，或组装，或添加，或删除的时候，我们只要响应的HTML拖移、粘贴或删除就可以了。而且，布局可缺省，本身的容错能力也是相当强的。以柔克刚，万变归宗……
我的应用
我的应用