图片各种艺术特效处理

来源:百度文库 编辑:神马文学网 时间:2024/04/28 04:11:10

一、图片滤镜效果:
所选图片地址:红色部分换上图片地址;
http://image12.360doc.com/DownloadImg/2010/07/0712/3924666_1.jpg
1. 柔化 :

2. 柔边(左往右) :

3. 圆形柔化(外往中央):


4. 灰色效果 :


5. 左右翻轉 :


6. 发光效果 :


<<
7. 投射阴影效果



8.附阴影效果:


参数
color             -->发光颜色
offX              -->水平位移(可正可负)
offY              -->垂直位移(可正可负)
虑镜宽=图片宽度+水平位移绝对值+10
濾鏡高=图片高度+垂直位移绝对值+10+10
范例:


效果:

9. 水波纹效果



10. 半透明波形



11 图片抽丝效果








<<
12 模糊效果:


参数
direction        -->方向(以45度角为单位)(0、45、90、135、180、225、270、315)
虑镜宽要略大于图片宽度(建议+15)
虑镜高要略大于图片高度(建议+15+10)
范例:


效果:

13  图片雾化效果




width=420(图片宽度) background=(图片地址) height=296(图片高度)>


效果;
14   图片静态倒影



绿色部分就是大家总问的居中代码,放在粉色代码中间的东西全部居中!
效果

15  百叶窗

效果;
16  上下颠倒

效果
17  其他特效

注意:只能更换蓝色的图片地址,其他地址不要动。
效果;



<<
18 左右 逐渐显示

效果;

19  上下逐渐显示

效果;
vior=alternate height=250>
二、图文排列:
左图文字:

文章内容


文章内容
注:heiht width 是图片的高和宽。若,字左图右,只需把left改为right.
三、添加背景代码:
以下内容请自己编辑:这是第1行
这是第2行
这是第3行
这是第4行
这是第5行
这是第6行
这是第7行
这是第8行

绿色部分写上你需要说的话或文字,注意所有的
不要动它。
以下内容请自己编辑:这是第1行
这是第2行
这是第3行
这是第4行
这是第5行
这是第6行
这是第7行
这是第8行

<<
四、移动图片的代码:


网易博客代码入门制作