首頁  >  文章  >  web前端  >  使用CSS為圖片添加陰影的方法

使用CSS為圖片添加陰影的方法

不言
不言原創
2018-04-21 15:49:262656瀏覽

一般我們可以使用背景圖的方式為圖片加上陰影,但對於不固定尺寸的圖片如何實現呢?我們可以採取「視覺欺騙大法」-定義漸層邊框來實現: [code] on_all">

一般我們可以使用背景圖的方式為圖片加上陰影,但對於不固定尺寸的圖片如何實現呢?我們可以採取「視覺欺騙大法」-定義漸層邊框來實作:



# 提示:您可以先修改部分程式碼再執行


下面這段定義是各標準瀏覽器中圓角定義,用以更專業地欺騙眼睛


#複製程式碼

#程式碼如下:

border-radius:5px; 
-moz-border-radius:5px; 
-webkit-border-radius:5px;


顏色程式碼可以在ps中做好外發光效果後拾取。我上面的效果是[柔和]、[擴展0]、[大小5px]、[顏色#000]其餘默認
當然了,特殊要求的話可以使用ie的濾鏡來實現更華麗的陰影。

#

以上是使用CSS為圖片添加陰影的方法的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn