button fill:hover

Hey, i don't know if someone can help me but i'am trying develop this button but i'm stuck i dont know how to do a incline https://codepen.io/andresantos2460/pen/gOEVzbL
No description
No description
6 Replies
Jochem
Jochem10mo ago
easiest way is to replace the background on your ::before to background: linear-gradient(70deg, #3FA8F4 75%, white 75%) ; you'll have to add that to the hover state with both set to 100% or even higher as well, and adjust the width of the ::before
DoContra
DoContraOP10mo ago
thanks for thghe the help but now when i unhover
DoContra
DoContraOP10mo ago
check
Jochem
Jochem10mo ago
I've ported your pen over to use a background on the button instead of a ::before: https://codepen.io/jochemm/pen/ExMqpYb?editors=1100
Jochem
CodePen
Santos.
...
Jochem
Jochem10mo ago
couldn't quite get it to work with the before, you'd probably have to mess with its position because linear gradients don't animate
Want results from more Discord servers?
Add your server