3D куб в ЗероБлоке

Создай ЗероБлок в котором будет куб и добавь в нем элемент "ADD HTML"

Внутри этого элемента напиши
<div class="swiper">
<div class="swiper-wrapper">
<div class="swiper-slide slide1"></div>
<div class="swiper-slide slide2"></div>
<div class="swiper-slide slide3"></div>
</div>
</div>

Создай зеро блоки которые будут слайдами (их высота должна быть равна высоте куба)

Смотреть видеоинструкцию

Элементы в слайдах должны быть выровнены по Window Container: left,top

Скопируй код и вставь в блок T123

В коде замени id зеро блоков на свои и укажи свои высоту, ширину

<link
  rel="stylesheet"
  href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css"
/>

<script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script>

<script>
$("#rec814207903").appendTo(" .swiper-wrapper .slide1");
$("#rec814210388").appendTo(" .swiper-wrapper .slide2");
$("#rec814210526").appendTo(" .swiper-wrapper .slide3");
</script>

<script>
    var swiper = new Swiper(".swiper", {
  effect: "cube",
  grabCursor: true,
  loop: true,
  speed: 1000,
  cubeEffect: {
    shadow: false,
    slideShadows: true,
    shadowOffset: 10,
    shadowScale: 0.94,
  },
  autoplay: {
    delay: 2600,
    pauseOnMouseEnter: true,
  },
});
</script>

<style>
.swiper {
  position: relative;
  width: 250px; /*ширина куба*/
  height: 100px; /*высота куба*/
}

.swiper-slide {
  position: relative;
}
</style>

Кошки могут издавать около 100 различных звуков, в то время как собаки - всего лишь около 10

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

Семен

Здесь должно было быть забавное описание кота, но ChatGPT не справился с этим заданием.

Пушок

Здесь должно было быть забавное описание кота, но ChatGPT не справился с этим заданием.

Мусик

Здесь должно было быть забавное описание кота, но ChatGPT не справился с этим заданием.