How to do a gradient on a border in CSS?

ABakhsh435
Сообщения: 2
Зарегистрирован: 18 июл 2022, 10:39

How to do a gradient on a border in CSS?

Сообщение ABakhsh435 »

It is possible to do a gradient on borders but it takes a little bit of trickery. It would be better to use an image in order to achieve this result because it's supported by all major browsers. Border-radius is an incredibly useful property, used by many from beginner to experienced CSS developers. Some have asked about the possibility of a gradient on those rounded corners.
https://codeprozone.com/code/css/38095/css-gradient-border.html

Allexxx
Сообщения: 10
Зарегистрирован: 25 июл 2022, 09:35

Re: How to do a gradient on a border in CSS?

Сообщение Allexxx »

Для этого используется свойство border-image со значением linear-gradient() и border-image-slice: 1.
Предварительно нужно обязательно задать обычную границу указав толщину, стиль и преобладающий на градиенте цвет.

Ответить