Can anyone tell me how to make this border color gradient?pls see the transition on hovering[solved] | SoloLearn: Learn to code for FREE!

+3

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

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

8/12/2020 2:36:16 PM

Yash Arora🇮🇳

12 Answers

New Answer

+5

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

+3

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

+3

Here you can refer https://code.sololearn.com/WPgGFca94dRN/?ref=app

+2

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

+1

Pls see the transition by hovering on button

+1

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

+1

0

No css transtion then am I right?

0

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

0

Do as Calviղ said it works transition also✌️

0

Ok I'm trying will tell if that works

0

Thanks a lot