Chargement
Chargement
Hero
Une photo nette recouverte d'une seconde copie floutée et désaturée que le curseur perce comme une lampe. Le dévoilement se fait par masque : la couche floue porte un mask-image en dégradé radial centré sur deux variables CSS pilotées à la souris, donc rien ne se déplace pour révéler le net, seul le trou du masque bouge, sans reflow. Un curseur maison à deux anneaux double le geste, l'anneau externe suivant en lerp pour traîner derrière le point interne. Le bouton Entrer est un hold-to-confirm : un cercle SVG se remplit sur 1,5 s tant qu'on maintient le clic via strokeDashoffset animé en requestAnimationFrame, et se vide si on relâche avant la fin.
Le prompt intègre le composant automatiquement dans ton projet (dépendances, fichier, réglages). Le code seul pour un copier-coller manuel.
Connecte-toi pour laisser un commentaire.