导语:
修改发表于2020年09月24号 12点 阅读 5105 评论7 点赞12 ©著作权归作者所有
受秋思梦景老师启发,我也制作了几个渐变背景
图1—960*600 图2—960*600
图3 —200*600 图4 —960*200
运用效果
图1背景图--角度渐变中心效果
http://www.oldkids.cn/upload/2020/09/23/blog_20200923210735015.gif
图2背景图--角度渐变一角效果
http://www.oldkids.cn/upload/2020/09/23/blog_20200923213128992.gif
图3背景图--竖条径向渐变效果
http://www.oldkids.cn/upload/2020/09/23/blog_20200923215649100.gif
图4背景图--横条径向渐变效果
http://www.oldkids.cn/upload/2020/09/24/blog_20200924103119126.gif
风景图来源——勤学苦练老师《和同学三日游(南湖)》
图5
http://www.oldkids.cn/upload/2020/09/23/blog_20200923210735015.gif——我家俩宝贝
使用代码——红色部分可修改
<*table background="渐变背景.gif" border="0" cellpadding="0" cellspacing="0" height="600" width="960"><*tbody><*tr><*td><*img src="图片.jpg" style="*width: 960px;height: 600px;opacity:0.60;" /><*/td><*/tr><*/tbody><*/table>
opacity:0.60表示透明度,数值越小越透明 发表时把*去掉
我的制图要点供大家参考:
图1、图2运用的角度渐变,图片制作大小必须与场景里应用的大小一致,否则平铺后会有接痕。图1的渐变中心在图片中心,图2的渐变中心设在左下角。
图3、图4运用的径向渐变,竖条径向渐变图片大小200*600,高度一致,宽度不限,横条径向渐变图片大小960*200,宽度一致,高度不限。
梦景老师《渐变背景的制作及应用》http://www.oldkids.cn/blog/view.php?bid=1513684
请选择你想添加的收藏夹