Как вот так расположить элементы?

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

Как поменять цвет заднего фона на градиент через transition?

Антон Литвиненко, а если через псевдоэлемент?

Как получить одинаковое расстояние между блоками?

Elena Fire, вот этот код относится к блокам внутри обертки? Просто при выставлении этих параметров получается дичь

.wrapper div.svoistva {
width: 50%;
text-align: left;

Как получить одинаковое расстояние между блоками?

а можете показать, как именно?

Как растянуть картинку на полную высоту блока?

Spisoktem, а как сделать так, чтобы высота подстраивалась исходя от реальных размеров картинки? Я задавал height: 100% всем блокам, но в итоге у меня картинка не показывалась

Как растянуть картинку на полную высоту блока?

Spisoktem, тогда картинка обрезается на маленьких экранах

Как растянуть картинку на полную высоту блока?

помогло, но немного другие параметры задал для img

width: 100%;
height: 100%;
background-size: cover !important;

Но картинка смотрится растянуто.

Как растянуть картинку на полную высоту блока?

тогда картинка на маленьких экранах обрезается

Почему картинки в блоке с owl-carousel отображаются неверно?

а как мне сделать картинки полноразмерными?

Как посмотреть пошагово работу скрипта в отладчике?

все из этих кнопок нажимал, все равно уходит в другой файл

Как посмотреть пошагово работу скрипта в отладчике?

WbICHA, разве бывают другие?

Почему в Fancybox выводится фотографий большее количество, чем изначально загружено?

а как это сделать?

Как написать функцию, которая будет уменьшать translateX объекта при уменьшении экрана?

Вадим, так а как это правильно прописать? Я с jquery пока не особо дружу

Почему элементы секции залазят на другую?

Много Чего, должно быть так.

Почему элементы секции залазят на другую?

но если я это сделаю, то у меня первая секция станет выглядеть вот так

С помощью какого плагина можно сделать такой слайдер?

Владислав Черненко, спсаибо!!

С помощью какого плагина можно сделать такой слайдер?

Владислав Черненко, Ну и еще один вопрос- как добавить еще слайды в поле видимости? У меня видно только 5 слайдов, а нужно чтобы были видны еще по одному справа и слева.

С помощью какого плагина можно сделать такой слайдер?

Владислав Черненко, а можешь подсказать, как развернуть слайды прямо?

У меня получается так


а надо так



я сначала выставил для carousel-3d-slide { transform: rotateY(0deg)} и думал, что сработает, но в итоге слайдеры просто спрятались друг за друга. Вроде как в разделе API есть настройка perspective и она и отвечает за разворот слайдов, но как ее включить не ясно.

Вот можешь посмотреть, что у меня вышло c96180og.beget.tech

С помощью какого плагина можно сделать такой слайдер?

да не. Хочу сделать слайдер, как в документации в примере Controls Customised.
Там такая конструкция

<div id="example">
  <carousel-3d :controls-visible="true" :controls-prev-html="'❬ '" :controls-next-html="'❭'" :controls-width="30" :controls-height="60" :clickable="false">
    <slide v-for="(slide, i) in slides" :index="i">
      <figure>
        <img src="https://placehold.it/360x270">
      </figure>
    </slide>
  </carousel-3d>
</div>

new Vue({
  el: '#example',
  data: {
    slides: 8
  },
  components: {
    'carousel-3d': window['carousel-3d'].Carousel3d,
    'slide': window['carousel-3d'].Slide
  }
})

Но при попытке использовать конструкцию, как в примере, у меня получилось вот так и в итоге отображаются слайдеры с одной и той же картинкой. Так же я не понял, что такое :index="i". Я думал это приоритет картинок, но я оказался не прав.

<div id="example">
  <carousel-3d :controls-visible="true" :controls-prev-html="'&#10092; '" :controls-next-html="'&#10093;'" :controls-width="30" :controls-height="60" :clickable="false">
    <slide v-for="(slide, i) in slides" :index="i">
      <figure>
        <img src="/img/sliders/1.jpg">
      </figure>
    </slide>
    <slide v-for="(slide, i) in slides" :index="i">
      <figure>
        <img src="/img/sliders/2.jpg">
      </figure>
    </slide>
    <slide v-for="(slide, i) in slides" :index="i">
      <figure>
        <img src="/img/sliders/3.jpg">
      </figure>
    </slide>
    <slide v-for="(slide, i) in slides" :index="i">
      <figure>
        <img src="/img/sliders/4.jpg">
      </figure>
    </slide>
    <slide v-for="(slide, i) in slides" :index="i">
      <figure>
        <img src="/img/sliders/5.jpg">
      </figure>
    </slide>
    <slide v-for="(slide, i) in slides" :index="i">
      <figure>
        <img src="/img/sliders/6.jpg">
      </figure>
    </slide>
    <slide v-for="(slide, i) in slides" :index="i">
      <figure>
        <img src="/img/sliders/7.jpg">
      </figure>
    </slide>

  </carousel-3d>
</div>

Как в макете


Как у меня

с

Так же пробовал использовать несколько тэгов figure в тэге slider, заключая в figure картинки, но опять не то. Помогите разобраться, пожалуйста!
Сам сайт c96180og.beget.tech

С помощью какого плагина можно сделать такой слайдер?

а как им пользоваться? Там не понятно, как картинки отображать по отдельности, в руководстве мало что написано