Как сделать диагональную карусель?

Добрый день!
Как сделать диагональную карусель как в примере? При клике на картинку (1) либо на элемент (2) происходит прокрутка. К сожалению подобных примеров в интернете не видел. Может кто посоветует с реализацией на основе kenwheeler.github.io/slick, который уже использую в других слайдерах в camspa-italy.ru/picanto/index.html
a634d33641ba4db28b50500962aad8dd.png

Как вариант позиционирование?
  • Вопрос задан
  • 159 просмотров
Пригласить эксперта
Ответы на вопрос 2
mrusklon
@mrusklon
Не получается? Яростно гугли!
слайдер по сути только меняет изображение , все остальное ложится на плечи css
Ответ написан
Комментировать
one_day
@one_day
для .slick-list делаем:
transform: rotate(45deg);
для каждого .slick-slide:
transform: rotate(-45deg);

так слайдер будет крутить по диагонали, остальное подгоняем по месту
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы