2010年7月13日

CSS:圖片倒影教學

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









沒有留言: