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