@DaniilPo

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

нужно сделать вот такой треугольник с градиентом 61e56c1f67cee779926421.png
нижняя часть скрывается за дивом но как сделать верхнюю + ещё сделать такой градиент?
  • Вопрос задан
  • 68 просмотров
Решения вопроса 1
sasha-hohloma
@sasha-hohloma
React-developer
Для решения подобной задачи у вас несколько вариантов:

  1. Использовать clip-path, но осторожно из-за ограниченной поддержки браузерами; почитать
  2. Использовать mask-image, но также осторожно из-за ограниченной поддержки браузерами; почитать
  3. Использовать SVG masks, у которого лучшая поддержка браузера, но реализация может занять больше времени, чем в остальных случаях; почитать
  4. Создать необходимую фигуру псевдоэлементом, но такой способ работает только для фона залитого одним цветом
  5. Просто добавить картинкой как есть

Таким образом, при выборе способа необходимо учитывать требования поддержки верстки браузерами, бюджет и сроки проекта. Мой совет: просто добавить порезанную картинку через background-image, если конечно ваша фигура не изменяет внешний вид при взаимодействии. Любой другой способ занимает сильно больше времени, либо заметно уменьшает список поддерживаемых браузеров, что позволяет в большинстве случаев отказаться от интерактивных свойств.
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

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

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