Кастомная форма блока, как можно сделать?

61ec414b7a401097035867.png
не могу из фигмы скопировать такую вот стрелочку, думал её спозиционировать относить блока
можно ли как-то свойствами css добиться эффекта такой стрелки, помогите пожалуйста)
  • Вопрос задан
  • 88 просмотров
Решения вопроса 1
@nikita1711
<div class="arrow">
	Пример блока со стрелкой CSS
</div>

.arrow {
	width: 300px;
	padding: 10px 10px;
	position: relative;
	background: #eee;
	border-radius: 3px;
}
.arrow:before {
	content: ""; 
	border: solid transparent;
	position: absolute;   
	bottom: 100%;
	left: 50%;
	border-bottom-color: #eee;
	border-width: 9px;
	margin-left: -9px;
}
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
develx
@develx
Web developer
Пример стрелки и тени вокруг блока и треугольника
https://codepen.io/xdevelx/pen/yLzmPGR
Ответ написан
Ваш ответ на вопрос

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

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