Как реализовать подобную кнопку на CSS

274

13 февраля 2018, 06:11

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

Answer 1

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>

ПОСЛЕДНИЕ ВОПРОСЫ

Все вопросы

ТОП-10

Все популярные вопросы

Ошибка: GET *.css net::ERR_ABORTED

Всем приветОбъясните пожалуйста? В этом случае: <link rel="stylesheet" type="text/css" href="styles/style_low

454

CSS

Адаптивные картинки

Здравствуйте, у меня есть парочку вопросов

241

CSS

Изменить цвет SVG - изображения

Вношу правки в верстку сайта на Laravel, весь CSS код билдится из SCSS

731

CSS

Спрятать в коде абзац текста

Подскажите пожалуйста, как спрятать абзац текста на главной странице в Wordpress? Я хочу что бы в коде абзац с текстом был, а вот на самой странице...

252