jean_gaben
@jean_gaben

Как сделать косые границы у кнопки?

Здравствуйте, есть кнопка с таким дизайном:
5e6b7e40b2a9b026667875.jpeg

Как её сверстать? Через skew() не получается, т.к. текст тоже "перекашивает".
  • Вопрос задан
  • 743 просмотра
Решения вопроса 5
sniggering_deus
@sniggering_deus
Mother is a god in the eyes of a child.
Первый вариант:



Второй вариант:



Третий вариант:

Ответ написан
@nvdfxx
Senior Pomidor developer
<a href=""><span>click</span></a>
a {
  display: inline-block;
  padding: 10px;
  background: red;
  transform: skew(10deg);
  border-radius: 4px
}

a span {
  display: inline-block;
  transform: skew(-10deg);
  color: #fff;
}
Ответ написан
joeberetta
@joeberetta
Читай: https://epdf.pub/google-for-dummies.html
Используйте :after/:before и "вырежте из них 3угольники".

З.ы. геометрические фигуры на css в гугле даст вам подсказку
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
08 апр. 2020, в 22:52
5000 руб./за проект
08 апр. 2020, в 21:19
10000 руб./за проект
08 апр. 2020, в 20:18
35000 руб./за проект