(1). 投影,沒有位移,10px的陰影大小,沒有擴展,顏色#06C img{box-shadow:0 0 10px #06C;}
這里的顏色值是HEX值,我們還可以使用RGBA值,RGBA值的好處是,它多了一個Alpha透明值,你可以控制陰影的透明度。 img{box-shadow: 0 0 10px rgba(0, 255, 0, .5)}
(2). 在上面的基礎上加上20px的擴展 img{box-shadow:0 0 10px 20px #06C;}
(3). 內(nèi)陰影,無位移,10px大小,沒有擴展,顏色#06C img{box-shadow:inset 0 0 10px #06C;}
出處:帕蘭映像
責任編輯:bluehearts
上一頁 CSS3屬性box-shadow使用教程 [1] 下一頁 CSS3屬性box-shadow使用教程 [3]
◎進入論壇網(wǎng)頁制作、WEB標準化版塊參加討論,我還想發(fā)表評論。
|