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

260
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>

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

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

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

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

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

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

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

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

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

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

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

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

 238