css3元素倒影效果属性:box-reflect
效果:
各游览器的兼容性如下:
这个效果可以用于单个元素,或者div等,很方便,很实用。
css
/* 倒影 */
.box-reflect {
-webkit-box-reflect: below 1px linear-gradient(transparent, transparent, #0006);
}