Как сделать 2 цвета в border?

Question

[timers]

Как сделать переливание цвета в border, т.е. начинается 1 заканчивается вторым.

Для background много всего а вот для border что-то не нашел такого.

Answer 1

[DanKud]

Градиентную границу можно сделать с помощью свойства border-image - https://codepen.io/anon/pen/KJaYGR

Comments

[timers]

Спасибо!

[timers]

А как если используется border-radius?

[DanKud]

Если использовать border-image то никак. Если нужны сглаженные края блока, то градиент границ надо настраивать по другому. Например псевдоэлементами или через абсолютное позиционирование со смещением внутреннего блока на нужный размер границы - https://codepen.io/anon/pen/daNBpm

[Виталий Першин]

Хотел дополнить про бордер радиус, а вы уже это обсудили) Вот статья на хабре https://habr.com/ru/post/437310/