Как в css задать градиент для border?
1 ответ
от
adrien.waters ,
6 месяцев назад
@fidel
Для задания градиента для границы в CSS можно использовать свойство border-image. Вот пример:
1 2 3 4 5 6 |
div {
border: none;
border-image: linear-gradient(to right, #ff0000, #0000ff);
border-image-slice: 1;
border-image-width: 1px;
}
|
Этот код задает градиентное изображение вдоль границы элемента div. Градиент идет от красного (#ff0000) к синему (#0000ff).
border-image-slice определяет какая часть границы будет заполнена градиентом, а border-image-width задает ширину границы.
15