This little trick for gradient borders is super useful: .border-gradient { border: 5px solid; border-image-slice: 1; border-image-source: linear-gradient(to left, #743ad5, #d53a9d); } Here’s some basic demos from our article on the subject. Sephanie Eckles was sharing around the idea …
The post Animating a CSS Gradient Border appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.
https://www.bram.us/2021/01/29/animating-a-css-gradient-border/
Connectez-vous pour ajouter un commentaire
Autres messages de ce groupe

So, how can you take dialogue box design beyond the generic look of frameworks and templates? How can you style them to reflect a brand’s visual identity and help to tell its stories? Here’s how I


The reading-flow and reading-order proposed CSS properties are designed to specify the source order of HTML elements in the DOM tree, or in simpler terms, how accessibility tools deduce the order o


Clever, clever that Andy Bell. He shares a technique for displaying image alt
text when the image fails to load. Well, more precisely, it's a technique to apply styles to the alt

Shape master Temani Afif has what might be the largest collection of CSS shapes on the planet with all the tools to generate them on the fly.
