Задать вопрос
NooBiToo
@NooBiToo
html

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

Есть фон шага, и от этого фона вниз ведет стрелка и она должна быть фоном блока, сделал через :after, но бордеру дать фон нельзя (точнее можно но дает всему бордеру и даже если обрезать картинка в треугольнике будет отличаться от фона)
Вопрос, как можно сверстать это по другому?
может есть какие примеры подобного?
2f90acf69d714f5d8ce25a79f4f131e5.PNG
  • Вопрос задан
  • 831 просмотр
Комментировать
Подписаться 7 Оценить Комментировать
Решения вопроса 1
Ankhena
@Ankhena Куратор тега CSS
Нежно люблю верстку
Это bennettfeely.com/clippy и это Как добиться такого эффекта для двух пересекающихся картинок?
Ответ написан
4 комментария
4 комментария
Пригласить эксперта
Ответы на вопрос 2
kowap
@kowap
как-то так
.el:after {
border: 30px solid transparent;
border-top: 43px solid rgb(255, 68, 0);
display: block;
width: 0;
height: 0;
}
Ответ написан
1 комментарий
1 комментарий
zoozag
@zoozag
Opencart
Можно попробовать сделать через mask-image, если поддержка браузеров устроит
Ответ написан
1 комментарий
1 комментарий
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
Frontend-разработчик (React)
ДАЛЕЕ
от 130 000 ₽
Тестировщик-стажёр
ITooLabs • Тула
от 35 000 до 40 000 ₽
Fullstack PHP Developer
Smapse Education
от 40 000 до 65 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Доработать телеграм бота
17 апр. 2024, в 00:31
1000 руб./за проект
Сделать картинки для слов
17 апр. 2024, в 00:13
800 руб./за проект
Разработка backend python+django
17 апр. 2024, в 00:06
240000 руб./за проект
Ещё заказы