Как сделать стрелку фоновой?

Есть фон шага, и от этого фона вниз ведет стрелка и она должна быть фоном блока, сделал через :after, но бордеру дать фон нельзя (точнее можно но дает всему бордеру и даже если обрезать картинка в треугольнике будет отличаться от фона)
Вопрос, как можно сверстать это по другому?
может есть какие примеры подобного?
2f90acf69d714f5d8ce25a79f4f131e5.PNG
  • Вопрос задан
  • 822 просмотра
Решения вопроса 1
Пригласить эксперта
Ответы на вопрос 2
как-то так
.el:after {
border: 30px solid transparent;
border-top: 43px solid rgb(255, 68, 0);
display: block;
width: 0;
height: 0;
}
Ответ написан
zoozag
@zoozag
Opencart
Можно попробовать сделать через mask-image, если поддержка браузеров устроит
Ответ написан
Ваш ответ на вопрос

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

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