制作交替背景(带有2张图像

时间:2018-09-26 03:55:13

标签: css html5 css3

我是编码的新手,但是我正在学习HTML。我启动了我的网站,并且正在学习一门我学习HTML和一些CSS的课程。我想要做的是将我的背景图像更改为此ex。 (行1)IMG1 IMG2 IMG1 IMG2(等)(行2) IMG2 IMG1 IMG2 IMG1(等等)我希望它们从左到右,从上到下交替。 我不确定该怎么做 到目前为止,我有这个,但是我想要更多的模式: http://idk.freetzi.com/idk/idk.html#

1 个答案:

答案 0 :(得分:0)

我试图理解您的问题,并且有多种方法可以根据您的请求替换图像。

  1. 从您的链接更新背景动画GIF。您可以通过图像编辑器(例如Photoshop)来实现。对于初学者来说,这是最简单的方法。

  2. 准备几张分离的图像(以您的情况为例:IMG 1,IMG2 ...等),以所需顺序构建一些DIV块/ flexbox,因此您可以设置不同的背景图像,而不是一个背景图像(主体背景)图片)。

  3. 如果要对图像进行动画处理,请按照与第2点相同的方式进行操作,但使用IMG标签而不是背景图像,然后可以使用CSS3动画对其进行动画处理。

总有其他方法可以达到相同的结果,建议您发布代码并上传所需结果的图片,以使问题更易于理解。

希望获得帮助。