Как создать подобный слайдер?

Необходима помощь с созданием подобного слайдера:
5c610aa7580f9264734881.jpeg

Остановился пока на этом:
click

Я никак не могу найти как сделать треугольную маску для изображений и разный размер этих масок. Вещи типа mask, clip-path и т.д. имеют плохую поддержку.

Да и вообще в первый раз делаю что-то подобное. Есть может похожие готовые решения?
  • Вопрос задан
  • 1749 просмотров
Пригласить эксперта
Ответы на вопрос 2
alex_shevch
@alex_shevch
Frontend Developer
Вот интересная тулза для создания разных форм с помощью border-radius - https://9elements.github.io/fancy-border-radius/fu...
Ответ написан
Комментировать
aliencash
@aliencash
Партизан
Вот чего удалось добиться настройками border-radius. Не совсем точное соответствие, но все же. Светло-зеленый цвет - это генерируемая фигура border-radius, розовый - оригинал, болотный зеленый - наложение.
https://codepen.io/aliencash/pen/pGLqdL

Идея отсюда https://habr.com/ru/company/ruvds/blog/426731/
Ответ написан
Комментировать
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы