CSS3で鏡面効果 - soyjoynice @ ウィキ

※webkitの場合
- - -
-webkit-box-reflect: ①below ②5px ③
①

above	上
below	下
left	左
right	右

【例】
img {
        -webkit-box-reflect: below 5px -webkit-gradient(
         linear, left top, left bottom, 
      from(transparent), 
      color-stop(0.8, transparent), 
      to(rgba(255,255,255,0.4)));;
}

* * *
参考：
CSSだけで文字や画像を反転させる