Если вы хотите сделать это с изображениями (не можете понять, как это будет работать с чем-либо еще), вы можете использовать несколько элементов div в сетке, все с одним и тем же фоновым изображением, но с другим положением фона, чтобыэто просто выглядит как нормальное изображение.После этого вы можете получить другое изображение, расположив их абсолютно.Затем вы можете анимировать непрозрачность каждого из элементов div на сетке с разными задержками, чтобы получить эффект шахматной доски.
Используя селекторы nth-child, вы можете изменить задержки для каждого другого или что-то более сложное.
Вы, вероятно, захотите, чтобы JS затем установил фоновое изображение элементов div для изображения позади них, а затем удалил переход и установил непрозрачность на 1. Затем можно изменить изображение позади на что-то новое для шахматной доски.к этому.
Если вы сделаете это, пожалуйста, дайте мне знать - это звучит потрясающе!