說明:想將網頁刻出一塊對比的版面,使用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)
沒有留言:
張貼留言