Shadow_Princess
@Shadow_Princess

Как сделать border вокруг слова не с прямыми углами, а под углом?

Добрый день! Прошу помощи у знающих.

Никак не могу сообразить как сделать. А самое смешное - что спросить у Google)

Вопрос такой: требуется сделать кнопку-призрака. А в ней что: текст и рамка вокруг. Так вот необходимо, чтобы эта рамка была не под прямым углом - в виде прямоугольника, а под углом (в виде ромба).

Просто вставить картинку нельзя((( Как ни печально.

я понимаю:
border: 1px solid #000000;
border-radius: 5px;


это у нас прямоугольник... А надо:

29a0681194754d69ac4892768e9e8ecf.JPG
  • Вопрос задан
  • 195 просмотров
Решения вопроса 1
@novrm
Через псевдоэлементы ::before и ::after.
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

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

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