CSS陰影特效

在CSS中製作簡單的特效是很快的事情
而圖片陰影是一個讓網頁很加分的特效
在CSS中只要定義:

img {
  -moz-box-shadow:4px 4px 12px 4px rgba(20%,20%,40%,0.5);
  -webkit-box-shadow:4px 4px 12px 4px rgba(20%,20%,40%,0.5);
  box-shadow:4px 4px 12px 4px rgba(20%,20%,40%,0.5);
}

就可以達到陰影的效果
而應用到全域的img tag上後
希望清除掉某一些地方的陰影
可以使用:

box-shadow:none; 

例如,如果希望把link中的陰影都取消掉
可以這樣做:

a img {
  box-shadow:none; 
}

參考自: