Can anyone tell me how to make this border color gradient?pls see the transition on hovering[solved]

Question

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

Answer 1

Use border-image: linear-gradient(#f6b73c, #4d9f0c) 30;
https://code.sololearn.com/WroFXn1pSSKP/?ref=app

Answer 2

You can't make border Linear-gradient, but you can add another div element back of it and make the div background linear-gradient and padding will give the border size. Here is the demo you can edit later

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

Answer 3

Here you can refer

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

Answer 4

I think there shd be a way to create that same animation, try it😇

Answer 5

Pls see the transition by hovering on button

Answer 6

As you say

Answer 7

No css transtion then am I right?

Answer 8

Not animation sorry ,you see when you hover to button the transition

Answer 9

Ok I'm trying will tell if that works

Answer 10

Thanks a lot

Answer 11

You are welcome, but Calviղ given you best answer not me🙂

Answer 12

Do as Calviղ said it works transition also✌️