Стрелка на чистом css

106
29 апреля 2021, 04:50

Нужно сделать такую стрелку на css.высота стрелки 10px.

Answer 1

Используйте 2 бордера и transform:rotate(45deg);

.arrow { 
  width: 30px;  
  height: 30px;  
  background-color: #f61; 
} 
 
.arrow:after { 
  content: ''; 
  display: block; 
  border-right: solid #fffa; 
  border-top: solid #fffa; 
  width: 7px;  /* sqrt(7*7 + 7*7) */  
  height: 7px; /* это примерно 10 */ 
  transform: translate(8px, 10px) rotate(45deg); 
}
<div class="arrow"></div>

Answer 2

Добавьте новый код:

css >

img {
  width: 10px;
  height: 10px;
}

html>

  <img src="..." style="width: 10px; height: 10px;" alt="...">
  <img src="..." width="10" height="10" alt="...">
READ ALSO
Выполнить M операций вычисления количества нулевых элементов на отрезке
c++

Выполнить M операций вычисления количества нулевых элементов на отрезке

Задан числовой массив A [1N]

 94
Отладка программ Qt C++
c++

Отладка программ Qt C++

Досталась в наследство программа Over 100 тысяч сток кодаКогда в Qt Creator запускаю в режиме дебага, в консоль каждые 10 секунд сыпятся 12 сообщений

 114
QTcpServer POST multipart/form-data проблемы
c++

QTcpServer POST multipart/form-data проблемы

Не могу найти как обрабатывать сигналы POST в QTcpServerНа сервер посылаются данные в следующем виде

 95
Соединение Kinect с Arduino
c++

Соединение Kinect с Arduino

Нужно данные от сенсора kinect передать в программу на Arduino, как это проще всего сделать? Очень желательно, чтобы использовался только язык C/C++

 100