2014年3月12日 星期三

[CSS] box-shadow使用記錄

說明:想將網頁刻出一塊對比的版面,使用CSS3的box-shadow。


語法:
box-shadow: x y blur spread color inset;
x: 陰影水平位移距離,必要值。
y: 陰影垂直位移句離,必要值。
blur: 模糊強度,預設為0,不能負值。
spread: 擴散強度,預設為0。
color: 陰影顏色。
inset: 內陰影。

例:
box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
搭配width: 來控制盒子寬度。
搭配margin: 控制盒子間隔。


參考資料:
http://boohover.pixnet.net/blog/post/35116159-%E9%99%B0%E5%BD%B1%E6%95%88%E6%9E%9C%E5%8F%8A%E5%85%89%E6%9A%88%E6%95%88%E6%9E%9C%E7%9A%84-box-shadow-(css-property)

沒有留言:

張貼留言