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