玻璃，水面会有倒影，有时候我们在web中模拟一些效果，或者实现一些质感的时候，也是需要投影效果的。那我们该如何实现呢？本文从-webkit-box-reflect入手，按照浏览器，依次介绍各种投影效果的实现，很多demo，很多截图很多源代码展示，希望本文的内容能够对您的学习有所帮助！
文章关键字 ‘投影’
-webkit-box-reflect属性简介及元素镜像倒影实现
2016年08月14日，星期日图层转CSS3 photoshop扩展CSS3Ps插件简介
2013年09月7日，星期六CSS3的世界已经愈发侵犯我们的世界，so，当下，很多设计师设计的东西都是通过CSS3来实现，而不是想办法弄一张图片，例如，一些渐变效果，投影等。
但是，有时候，我们的渐变可能是斜的，或者说起点不是从边缘开始。对于web重构人员来讲，要准确表达设计师的效果就比较头疼了。因为肉眼显然无法精确识别，现有的些工具大多测量尺寸、间距，获取颜色值之类，无法判断渐变的起止点或者投影的距离以及模糊程度。唯一的办法就是……
酷酷的jQuery鼠标悬停图片放大切换显示效果
2009年12月25日，星期五
介绍一个蛮酷的图片缩略图放大预览的效果，外带图片切换显示功能。动画显示，投影样式，效果不错。提供demo页面，提供源文件下载，希望对您有所帮助。
关于Google圆角高光高宽自适应按钮及其拓展
2009年10月24日，星期六
本文以Google圆角高光高宽自适应按钮为引子，阐述此貌似平常的按钮后面的强大技术，并提供我经过我反复试验的更加优化高效的css实现方法，并对其优点进行分析。然后进一步扩展，探讨Google在css技术应用以及网页产品开发上的思想意识，强调应该有将css扩展性重用性发挥到极致的意识。并通过将虾米网图片按钮转换为效果一致的css按钮这个实例进一步验证培养css重用性可扩展性意识的重要性。本文不仅仅是讲解如何通过高效的css实现一些貌似只有图片才能实现的效果，更重要的是要传达Google在产品设计在技术运用上所体现的一种思想，传达Google是如何将产品的扩展性预见性运用到极致的，借以希望你我都能从众领悟到一些东西，然后在前端这块领域有所作为。
本文提供技术实现代码以及demo实例页面，希望对您有所帮助。
我的应用
我的应用