loading ...

来自圈子:搜狐圈主联盟 (1617 人)

圈子描述:搜狐圈子圈主联盟,交流圈子管理经验,圈友指导文章汇集。
圈子标签:圈子 圈主 副圈主
搜狐圈主联盟
圈主:Spring
副圈主:两条蛇思佳
共1页 | 上一页   1   下一页

【经验分享】几组图片效果处理技巧的代码 7/?

标签: 图片 代码

    很多图片要搞特效需要一些专业的处理工具,这里介绍几组代码,我们可以轻松实现图片的特效。方法很简单:1.勾日志右下的显示源代码;2.再复制你需要特效的代码;3.”图片地址“换成你要操作的图片地址;5.再点开显示源代码,查看效果,如要修改效果,再勾回显示源代码,修改参数。

复制时不能多或者少了任何数字、字母或者符号,改动数值时要细心,要不断的查看效果。

1、反色:
<IMG src="图片地址" style="FILTER: invert()" border=0>

用户头像


2、浮雕效果
<IMG src="图片地址" style="filter : progid:DXImageTransform.Microsoft.Emboss(Bias=0.7) ;" border=0>

用户头像

3、扭曲效果:
<IMG src="图片地址" style="FILTER: wave(add=0,freq=3,lightstrength=50,phase=0,strength=3)" border=0>
(freq=3表示扭曲尺度,strength=3表示扭曲强度)
用户头像

4、虚线边框效果:
<IMG src="图片地址" style="FILTER: Gray;border-width:2;BORDER-STYLE: dotted;" border=0>
(border-width:2表示边框宽度,数值可改)

用户头像
7、透明效果:
<IMG src="图片地址" style="FILTER: Alpha(Opacity=80,style=2)" border=0>

(style=2表示模糊类型,1表示从左往右渐变模糊,2如图效果,3表示四周渐变模)

用户头像

8.图片在水中倒影的效果

<P><IMG src="图片地址" width="240" height="180"><BR><IMG id="reflection" src="图片地址" style="filter:wave(strength=3,freq=3,phase=0,lightstrength=30) blur() flipv()" width="240" height="180"></P>

(width="240" height="180",这里的数值不是固定的,根据你所选图片的宽和高来修改。strength=3,freq=3,phase=0,lightstrength=30,这四组数值都可以改变,来控制影子扭曲的程度和倒影效果,可以自己尝试的改动。)

用户头像

                                                                                (小溪-3)

我是美丽签名档我们都在寻找一种温暖,
然后让幸福象孩子一样。

1

赞
我是美丽签名档来而不往非礼也。真诚的对待朋友,健康开心就好!
引用 | 回复 | 发表时间:2008-07-26

2

 东方婵娟 在上文中提到:
赞

 握手  握手 
我是美丽签名档我们都在寻找一种温暖,
然后让幸福象孩子一样。
引用 | 回复 | 发表时间:2008-07-26

3

顶不错 顶
我是美丽签名档我喜欢,我努力
引用 | 回复 | 发表时间:2008-07-30

4

草原虎虎 在上文中提到:
顶不错 顶

呵呵,我也觉得 不错!!
我是美丽签名档我们都在寻找一种温暖,
然后让幸福象孩子一样。
引用 | 回复 | 发表时间:2008-07-30

5

我是美丽签名档
引用 | 回复 | 发表时间:2008-08-03

6

手势-棒 手势-棒
我是美丽签名档唯一的唯一。。。
引用 | 回复 | 发表时间:2008-08-03

7

 kone 在上文中提到:
手势-棒 手势-棒

 握手  握手 
我是美丽签名档我们都在寻找一种温暖,
然后让幸福象孩子一样。
引用 | 回复 | 发表时间:2008-08-04
共1页 | 上一页   1   下一页