多语言展示
当前在线:780今日阅读:176今日分享:34

怎样让图片相对、相背移动

写博是丰富多彩的。让两张图片相对、相背移动,会产生新鲜的感觉。变化就会出新。这里不用软件,只用代码,简单易做。试试吗?
工具/原料

自己的博客

方法/步骤
1

准备照片。把一张照片放到电脑硬盘。同时把这张照片水平翻转。水平翻转步骤:打开电脑自带的“画图”工具,上传图片后,点“图像”→“翻转/旋转”→“水平翻转”,保存。

2

获取地址。把第一步形成的图片上传到博客形成图片地址备用。如果已是网上图片,则直接复制图片地址备用。步骤:右击图片→点“属性”→复制地址。

3

上下相背移动。进入博客后台,让编辑器处于代码编辑状态,贴入代码:

4

左右相背移动。改代码: 

5

上下相对移动。改代码:

6

左右相对移动。改代码: 

注意事项
1

选择的图片尺寸不能过大,否则左右移动时不在一行,效果出不来。

2

关键点:图片尺寸和移动方向

推荐信息