Как в CSS задать градиент для border?

Рейтинг: 3Ответов: 1Опубликовано: 02.04.2015

Всем привет! Вот к примеру для для фона градиента надо писать:

background: linear-gradient(to left, #FFF, #CACACA);

А как задать градиент к примеру для border-left: ?

css
Источник: Stack Overflow на русском

Ответы

▲ 2

Функции градиента работают как изображения, поэтому их надо применять там, где требуется подставить изображения. Для рамки это будет border-image, как-то так:

div {
  border-width: 10px;
  border-style: solid;
  border-image: linear-gradient(to left, #ff0000, #0000ff) 0 0 0 100%;
}
<div>for ru.stackoverflow</div>