AltaiR-05
@AltaiR-05

Можно ли сделать такую кнопку на CSS?

Пытался сделать такую кнопку 4e86911a735443118b987a3b5787d57b.jpg
Сперва попробовал путем добавления псевдоэлементов с бордерами но тогда остается проблема того, что не могу добавить белую рамку вокруг кнопки и не могу добавить градиент псевдоэлементам (углам).

Пошел другим путем и решил добавить два псевдоэлемента и повернуть их с помощью transform: rotate(45deg); и задать им бордеры(белые) только там где нужно. И вроде бы получилось то, что нужно но остается один косяк. Псевдоэлементы поверх кнопки и z-index не помогает.
02f95017b9bb411599755ae48facf9c2.png

Может есть какой то другой способ? Строго не судите я начинающий)
  • Вопрос задан
  • 310 просмотров
Пригласить эксперта
Ответы на вопрос 3
maxminimus
@maxminimus
просто или ничего
27cm
@27cm
TODO: Написать статус
Попробуй задать кнопке position: relative, а псевдоэлементам отрицательный z-index:
codepen.io/anon/pen/bZRxyO
Ответ написан
Ваш ответ на вопрос

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

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