网易博客代码(四)(图片类)4部分

网易博客代码(四)(图片类)

4.边框效果:

(1)发光边框：

<divstyle="filter:Glow(color=#4A7AC9,strength=15);width:滤镜宽;height:滤镜高"align=center><br><img src="图片地址"></div>

说明：

(color为发光颜色代码,strength是发光强度,滤镜宽=图宽+发光强度x2，滤镜高=图高+发光强度x2+10)

(2)投影边框:

<divstyle="filter:Shadow(color=#4A7AC9,direction=135);width:滤镜宽;height:滤镜高"align=center><br><imgsrc="图片地址"></div>

说明：

(color为发光颜色代码,direction方向(只能是45度的倍数如:45,90,135,180,225,270,315度),滤镜宽=图宽+25)

濾鏡高=图高40)

(3)阴影边框:

<divstyle="filter:Dropshadow(color=#333333,offX=5,offY=5);width:滤镜宽;height:滤镜高"align=center><br><imgsrc="图片地址"></div>

说明：

(color为发光颜色代码,offX水平位移offY垂直位移(可正可负),滤镜宽=图宽+水平位移绝对值+10,滤镜高=图高+垂直位移绝对值+20)

(4)模糊:

<divstyle="filter:Blur(direction=135);width:滤镜宽;height:滤镜高"align=center><br><imgsrc="图片地址"></div>

说明：

(direction方向(只能是45度的倍数如:45,90,135,180,225,270,315度),滤镜宽=图宽+15,濾鏡高=图高+30)

(5)波形:

<divstyle="filter:Wave(freq=7,strength=9,lightstrength=5,phase=5);width:滤镜宽;height:滤镜高"align=center><br><imgsrc="图片地址"></div>

说明：

(freq频率(>0)strength振幅强度(>0)lightstrength波峰强度(0~100愈高越黑)phase起始相位(0~100),滤镜宽=图宽+振幅强度x2，滤镜高=图高+振幅强度x2+10)