Необходимо реализовать стрелку у сообщения такого рода:
Она имеет небольшие внутренние изгибы, в инете ничего не смог найти, везде обычные треугольники.
Я понимаю что легко можно добавить изображение, но мне хотелось бы разобраться как это сделать с помощью чистого css и возможно ли это вообще.
Ответ
Рекомендую использовать SVG
* {
margin: 0;
padding: 0;
}
body {
display: flex;
justify-content: center;
align-items: center;
}
.text {
position: relative;
background-color: dodgerblue;
width: 200px;
padding: 25px;
margin: 25px;
}
.angle {
position: absolute;
top: -15px;
left: -43px;
}
Lorem ipsum dolor sit amet consectetur adipisicing elit. Minima eaque saepe porro ex laudantium debitis praesentium beatae dolores maiores voluptates, qui animi vero non cum quisquam adipisci placeat iste provident?
Комментариев нет:
Отправить комментарий