Call to Action

CTA contact halo rotatif

Section de contact pleine largeur qui grandit en douceur à l'entrée dans le viewport, avec un bouton cerclé d'un dégradé conique qui tourne. Un conic-gradient ne s'anime pas nativement : la rotation passe par @property qui déclare l'angle en <angle>, ce qui rend la variable interpolable, et deux pseudo-éléments empilés ne laissent voir qu'un anneau de 4px. Sur navigateur sans @property l'angle reste figé et l'anneau devient statique, sans casse. L'IntersectionObserver se désabonne dès la première intersection : l'apparition ne se rejoue pas au scroll inverse. Le fond est une photo Unsplash à 15% d'opacité sous un vignettage radial, ce qui donne de la profondeur sans jamais concurrencer le texte.

AMOUSSOU Siméon Céphas· 8 vues· 1 copies3