創(chuàng)建新的CSS樣式：（要回顧創(chuàng)建新的 CSS 樣式操作方法，請(qǐng)點(diǎn)頁頂導(dǎo)航條“簡(jiǎn)要說明”按鈕）
提示：新創(chuàng)建的CSS樣式名稱，輸入“glow”。勾選“僅對(duì)該文檔”。保存后，在分類選項(xiàng)選擇“擴(kuò)展”，再設(shè)置“過濾器”。 選擇“glow”，按此參數(shù)設(shè)置：Glow(Color=#FFFF33, Strength=10)，點(diǎn)“確定”結(jié)束。 若是操作無誤的話，在你網(wǎng)頁代碼的< head >與< /head >之間，會(huì)有如下所示的代碼：
“glow”濾鏡只有兩個(gè)參數(shù)，一個(gè)是“color”是指定發(fā)光的顏色，另一個(gè)參數(shù)是“strength”是發(fā)光的強(qiáng)度，也可理解為光芒的長(zhǎng)度。取值范圍1～255之間的任何整數(shù)。下面我們來做幾個(gè)應(yīng)用實(shí)例。【glow濾鏡在圖片上的應(yīng)用】 “glow”濾鏡加載到一般圖片無效，但若是把圖片放到表格中，再給表格的< td >加上“glow”濾鏡，卻能使圖片產(chǎn)生一個(gè)漸變顏色的邊框，請(qǐng)看下面的效果：
“glow”濾鏡加載到圖片產(chǎn)生漸變邊框效果
【glow濾鏡在透明背景圖片上的應(yīng)用】 加載到有透明背景的gif圖片上卻能產(chǎn)生一種光暈效果，請(qǐng)看下面的效果圖：
“glow”濾鏡加載到透明背景圖片效果
“glow”濾鏡加載到透明背景動(dòng)畫和效果
glow濾鏡的參數(shù)不多，使用簡(jiǎn)單，效果明顯。在具體應(yīng)用時(shí)關(guān)鍵的問題是光芒顏色的選擇，要與整個(gè)頁面色彩協(xié)調(diào)。給圖片和< td >可以用多種方式加載，配合背景的設(shè)置，可產(chǎn)生一些奇特的效果。
- TEL：131 7970 3111
-
慧網(wǎng)微信
- 掃描二維碼
- 關(guān)注邳州在線
-
手機(jī)網(wǎng)站
- 手機(jī)掃描二維碼
- 進(jìn)入手機(jī)站
網(wǎng)站地圖
付款方式