公式:
box-reflect:none | <direction> <offset> <mask-box-image>

  • direction 倒影方向,可用值: above(上) | below(下) | left | right
  • offset 位置偏移量,可用值: 长度10px或百分比10%
  • mask-box-image 倒影效果,可用值  none | url | linear-gradient | radial-gradient | repeating-linear-gradient | repeating-radial-gradient

 例如:

.img{
-webkit-box-reflect: below 10px -webkit-linear-gradient(transparent,transparent 50%,rgba(255,255,255,0.6));
}