CSS Nugget: Gradient Borders in CSS

How to create gradient borders in CSS.

~

[haydenng]

It didn't work for me at first, but after I added background: transparent to the .btn-gradient, it looks good now. Thanks!

[linesuid]

Dude, thank you so much, i was getting crazy about that and you came to my life like a angel

[adeleke]

woah thank you for this amazing tutorial. Helped me achieve this.

[robertodepasamonte]

Excellent and well presented tutorial. Thank you for sharing.

Could you please do a tutorial on the image animation used in your Mercurio template. It's a subtle animation in which the width or height of the image expands (when the image enters the viewport). I'm guessing it's created using a clip-path and triggered using AOS or Intersection Observer.

[AkumadoFerudi]

Nice video, it solved my project problem, thanks a lot

[fabriziotofanelli]

amazing video but, according to 'caniuse', mask is not supported to many browsers to this date. Is there any good solution to use until become standard?

[denhost]

спасибо дружище, обыскал весь интернет ни на одном русскоязычном канале не нашел решения.

[林柏宏-tp]

can't use "mask". don't know why

[lakinen_]

Why is this so complicated. :) In Elementor it's also impossible to do it without additional CSS.

[snehalrj]

Helpful.. but isn't working for me.. -_-