【網頁圖片漸層效果】

有時會發現到網站的圖片有很漂亮的漸層效果,我們當然可以利用影像編輯軟體將圖片一張一張修改,但實在很花時間,其實只要在html語法中加入簡單的css語法就可以達到效果囉。

變更前

變更後

一、

只要在<IMG>標籤中加入STYLE="FILTER:ALPHA(STYLE=2)"即可
<HTML>
<HEAD>
<TITLE>圖片漸層</TITLE>
</HEAD>
<BODY>
<IMG SRC="輸入本地圖檔位置">
<IMG SRC="輸入本地圖檔位置" STYLE="FILTER:ALPHA(STYLE=2)">
</BODY>
FILTER:ALPHA(STYLE=2)
是圓形的漸層效果
FILTER:ALPHA(STYLE=1)
是由左至右的漸層效果
FILTER:ALPHA(STYLE=3)
則是放射狀漸層效果

- 回 139 期電子報主頁 -


版權所有,未經確認授權,嚴禁轉貼節錄
財團法人中華民國電腦技能基金會
TEL:02-2577-8806•FAX:02-2577-8135
服務信箱:master@mail.csf.org.tw