Rounded corner gradient border #shorts

Key Takeaways

[Music] this trick is for gradient borders with rounded corners here's the setup we've just got a rounded border gradient class it's just got a regular lame blue border on it though let's enhance this so first we need to make that border color transparent next we're going to make two gradients the first one is going to match the background color and the second one is going to be the actual gradient we want to see on the border we can tell the first one to only fill the padding area and the second one to fill the Border box and there's our effect how sweet is that we used the shorthand though so here's what the long hand is we set background clip into padding box and Border box that's what's clipping them and then we also set the origin to border box so both of them fill up to the Border space and that's the trick y'all and now you're ready to change the size change the colors do your thing I'll see y'all later foreign