图片可以千变万化。网站、博客中的图片能产生变色效果吗?当然可以,而且可以让一张图片变化出多种颜色。用代码即可编辑。 原理是用一张变色的动态图片做底色,通过透明让原图产生变色效果。
工具/原料
1
代码
2
在线工具
方法/步骤
1
1.准备一张原图片。网上现有的,可直接右击图片,点“属性”获取图片地址备用;如果是原始的硬盘图片,则需上传到自己的网站或博客,生成图片地址备用。2.准备几张纯色图片。如果想变的颜色多,就多准备几张不同颜色的纯色图片。(这里举例是3张纯色图片)
3
进入工具后点“预览”,上传本文第一步准备的几张纯色图片,并将“切换速度”设置成“很慢”,再点“生成图片动画”,最后下载到电脑硬盘,上传到网站或博客生成图片地址。
5
将这组代码中:“动态底图地址”换成本文第三步形成的图片地址。“原图地址”换成本文第一步形成的图片地址。width是图片宽、height是图片高,填写好。注意要与原图片一致。点预览,成功!
6
变化。还可增加效果,如加边框。把4个“0px”中的“0”换成有效数字,再添加“dotted”,就可形成点状代码。
注意事项
1
编辑代码要认真,不能错、漏。
2
不添加“dotted”,边框显示不全。