26697 shaares
1 résultat
taggé
corner-shape
Découvrez comment combiner les animations scroll-driven et la propriété CSS corner-shape pour créer des effets visuels innovants, comme des coins qui se transforment en carrés ou en encoches au fil du défilement. L’article explique comment utiliser superellipse() pour générer des formes mathématiques animables (squircle, bevel, notch, etc.) et propose un exemple concret avec un pseudo-élément body::before et un mix de mix-blend-mode: difference. À noter : ces fonctionnalités nécessitent Chrome 139+ et Firefox devrait bientôt les supporter nativement. Une démo visuelle est incluse pour illustrer le résultat.