1
<div>
  <span></span>
  <span></span>
</div>

Из этого нужно сделать стрелку: введите сюда описание изображения

Можно из 3 span-ов

1 ответ 1

4

Достаточно одного:

span {
  display: inline-block;
  position: relative;
  height: 2px;
  width: 40px;
  background-color: gray;
}

span:after {
  content: "";
  display: inline-block;
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent transparent transparent gray;
  border-width: 6px 0 6px 10px;
  border-style: solid;
  left: 100%;
  top: -5px;
}
<span>

2
  • А если задать исходному span какой-нибудь font-size: 30px; а все остальные размеры прописать в единицах em, легче будет при необходимости менять размеры стрелок, сменой одного числа font-size) 30 июн 2021 в 13:31
  • можно даже в vw задать, тогда будет строго соответствовать габаритам экрана. Но пусть автор тоже приложит усилия ;) 30 июн 2021 в 16:25

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими пользовательским соглашением, политикой конфиденциальности и политикой о куки

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.