Создание чередующегося фона (с 2 изображения

Question

Я новичок в кодировании, но я изучаю HTML.Я начал свой веб-сайт, и я учусь с курсом, я HTML и немного CSS, учась на ходу.Что я хочу сделать, это изменить мои фоновые изображения на этот бывший.(Ряд 1) IMG1 IMG2 IMG1 IMG2 (и т. Д.) (Ряд 2) IMG2 IMG1 IMG2 IMG1 (и т. Д.) Я хочу, чтобы они чередовались слева направо и сверху вниз.Я не уверен, как это сделать. Пока у меня есть это, но я хочу немного больше шаблонов: http://idk.freetzi.com/idk/idk.html#

Answer 1

Я попытался понять ваш вопрос, и есть несколько способов чередовать изображения в качестве вашего запроса.

1. Обновить фоновый анимированный GIF по вашей ссылке.Вы можете добиться этого с помощью графического редактора, такого как Photoshop.Это самый простой способ для начинающих.

2. Подготовьте несколько отдельных изображений (в вашем случае: IMG 1, IMG2 ... и т. Д.), Создайте несколько блоков DIV / flexbox в нужном порядке, чтобы выможно установить разные фоновые изображения вместо одного (фоновое изображение тела).

3. Если вы хотите анимировать изображения, сделайте это так же, как в пункте 2, но используйте тег IMG вместоbackground-image, то вы можете использовать анимацию CSS3 для их анимации.

Всегда есть альтернативные способы достижения того же результата, я предлагаю вам опубликовать свой код и загрузить изображениежелаемый результат, чтобы ваш вопрос было легче понять.

Надеюсь, что это поможет.