CSS：圖片倒影教學

CSS圖片倒影語法：
-webkit-box-reflect: <direction> <offset> <mask-box-image>

• <direction>：用above, below, left 或 right，分別表示圖片產生倒影的方向為上、下、左或右。
• <offset>：設定倒影與圖片的距離，例如：3px，可不設定，若沒有設定預設為０，即圖片與倒影緊連無距離。
• <mask-box-image>：圖片光罩，可不設定，若沒有設定預設為０，即無光罩，倒影和圖片相同。

舉例：向下10px產生倒影

-webkit-box-reflect: below 10px