Задать вопрос
DeLaVega
@DeLaVega
Верстаю, фронтэндю =)

Как на js можно сделать такую абстракцию?

e87303d1928947eda8a9e6cd52e2d826.jpg

То есть несколько слоёв, в каждом из них такой фон. Есть плагин Trianglify, но у него на вскидку я не нашёл как делать маску, ибо сверху у меня фон не ровный, как в тех примерах.

Я планирую эту штуку анимировать, поэтому не хотелось бы делать простыми картинками.

Может кто встречал подобную реализацию.
  • Вопрос задан
  • 3097 просмотров
Подписаться 4 Оценить Комментировать
Решения вопроса 1
iiil
@iiil
Инженер и вэб-дизайнер, рисую.
А как планируется делать анимацию? Я правильно понимаю, как работает плагин - он исходя из параметров формирует картинку, в примере задает ее фону у body.
Как вариант, создать несколько слоев, разной высоты, плагином придется вставлять картинку не на фон слоя, а внутрь svg - только у этого способа будет полная поддержка всех современных браузеров, и каждому задать svg-маску. Если все получится так, как я себе это представляю, то можно в том числе менять и форму «зубцов».
Ответ написан
Пригласить эксперта
Ответы на вопрос 2
lexxpavlov
@lexxpavlov
Программист, преподаватель
Возможно, вам поможет принцип цикады (один из самых популярных топиков Хабра): habrahabr.ru/post/117160
Ответ написан
Ваш ответ на вопрос

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

Похожие вопросы
23 дек. 2024, в 09:41
5000 руб./за проект
23 дек. 2024, в 09:39
1000000 руб./за проект