1

Возможно ли реализовать данную кнопку средствами CSS?

введите сюда описание изображения

1
  • Да можно.Следующий вопрос)) 11 фев 2018 в 21:22

1 ответ 1

4

button {
  border: .5em solid transparent;
  padding: .5em;
  background: 
    linear-gradient(to right, blue 0, blue 100%),
    linear-gradient(to right, red 1em, pink 1em, pink calc(100% - 1em), red calc(100% - 1em));
  background-clip: padding-box, border-box;
  color: white;
}
<button>My button</button>

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.