国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 開發 > CSS > 正文

CSS濾鏡-Wave屬性

2020-03-24 16:45:25
字體:
來源:轉載
供稿:網友
Wave屬性用來把對象按照垂直的波紋樣式打亂。它的表達式如下: Filter:Wave(Add=True(False),Freq=頻率,LightStrength=增強光效,
Phase=偏移量,Strength=強度) 我們看到Wave屬性的表達式還是比較復雜的,它一共有五個參數。Add參數有兩個參數值:True代表把對象按照波紋樣式打亂;False代表不打亂;
Freq參數指生成波紋的頻率,也就是指定在對象上共需要產生多少個完整的波紋。 LightStrength參數是為了使生成的波紋增強光的效果。參數值可以從0到100。 Phase參數用來設置正弦波開始的偏移量。這個值的通用值為0,它的可變范圍為從0到100。這個值代表開始時的偏移量占波長的百分比。比如該值為25,代表正弦波從90度(360*25%)的方向開始。
說了一大堆,我們還是先看一個實例吧。比如下面這幅圖片:
下面我們對上面這個頁面加上Wave效果,代碼如下: html
head
title wave css /title
style //*定義CSS 樣式開始*//
!--
.leaf{position:absolute;top:10;width:300;
filter:wave(add=true,freq=3,lightstrength=100,
phase=45,strength=20);}
//*設置leaf類的樣式,絕對定位,wave屬性,產生3個波紋, 光強為100,波紋
從162度(360*45%)開始,振幅為20*//
img{position:absolute;top:110;left:40;
filter:wave(add=true,freq=3,lightstrength=100,
phase=25,strength=5);}
//*設置IMG的樣式,絕對定位,wave屬性,產生3個波紋,光強為100,波紋從
90度開始,振幅為5*//
--
/style
/head
body
div > font-size=72pt; font-weight:bold;
color:rgb(189,1,64); Leaf /p
//*設置字體名稱、大小、粗細、顏色*//
/div
p img src= ss01044.jpg /p //*導入圖片*//
/body
/html 這段代碼實現的效果如下圖: 如果把Wave的參數隨便做一下改動,就會達到多種效果,請看另外一種效果:(如下圖): 其實這種效果只是增大了freq參數的值,減小了Strength、LightStrength的值就可以了。您也可以多試試,改變其他的參數值,還可以達到許多不同的效果來。 本文作者:html教程

鄭重聲明:本文版權歸原作者所有,轉載文章僅為傳播更多信息之目的,如作者信息標記有誤,請第一時間聯系我們修改或刪除,多謝。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 阜新市| 稻城县| 于都县| 灵山县| 都匀市| 格尔木市| 柳河县| 皮山县| 基隆市| 环江| 桦南县| 井研县| 苗栗县| 澄城县| 邯郸县| 阿克| 石首市| 林州市| 安溪县| 金湖县| 北川| 晋江市| 尼木县| 建宁县| 新乡市| 高唐县| 彝良县| 大丰市| 梁山县| 麻城市| 信丰县| 福鼎市| 南昌县| 岳阳县| 平和县| 五寨县| 浦江县| 民勤县| 漳浦县| 漯河市| 沅江市|