To4KaXD
@To4KaXD

Как сделать так, чтобы текст внутри button был без наклона?

Есть такая кнопка с наклоном. Можно ли сделать так, чтобы текст внутри кнопки был без наклона?
5bac7c09ddec5235001432.png
button
    border: 1px solid #ffffff
    padding-left: 40px
    padding-right: 40px
    padding-top: 10px
    padding-bottom: 10px
    background: none
    font-size: 18px
    color: rgb(255, 255, 255)
    text-transform: uppercase
    transform: skewX(-15deg)
  • Вопрос задан
  • 73 просмотра
Решения вопроса 1
@BigSmoke
<button><span>BUY NOW</span></button>

button{
  border: 1px solid #ffffff;
  padding-left: 40px;
  padding-right: 40px;
  padding-top: 10px;
  padding-bottom: 10px;
  background: none;
  transform: skewX(-15deg);
}
span {
  transform: skewX(15deg);
  font-size: 18px;
  color: rgb(255, 255, 255);
  text-transform: uppercase;
  display:block;
}


Суть тут в том, что кнопку поворачиваем в одну сторону, а ее содержимое в противоположную.
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
Ваш ответ на вопрос

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

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