How to add gradient effect in border color?

Question

Hey! I am unable to add gradient effect in border color. If you know then please share.

Answer 1

https://code.sololearn.com/WAhVXhsljUs3/?ref=app

Answer 2

It's not possible to add a gradient border. But you can use one wrapper element like a <div> with background: linear-gradient and then an inner element blocking out most of that background.

Answer 3

add gradient effect in border color
Use the background property

Answer 4

Or you can create them with svg

Answer 5

Instead of "solid", use "gradient".

Answer 6

Here’s a full tutorial on CSS Graidents: https://youtu.be/TYHFe4L9bfo