Performance
Pasa el ratón por el borde y verás cómo la luz te persigue.
Carte à bordure lumineuse
Une carte dont la fine bordure s'éclaire là où se trouve le curseur, avec une lueur douce vers l'intérieur.
Réglages
Code
<div class="uv-ks"><div><h3>Performance</h3><p>Survolez le bord et la lumière vous suit.</p></div></div>Prompt pour l’IA
Collez-le dans ChatGPT, Claude ou Cursor : le bloc sera adapté à votre projet avec ces réglages, même sans React.
Plus dans Cartes
Où l’utiliser
L'effet spotlight sur les cartes est très apprécié sur les pages d'accueil de SaaS et d'outils pour développeurs : une grille de fonctionnalités comme « Performance », « Sécurité » et « Intégrations », ou les trois offres d'une page de tarifs. Quand la souris bouge, une tache de lumière la suit le long de la bordure. Quelques lignes de JavaScript suivent le pointeur.
Elle rend le mieux sur une page sombre, avec plusieurs cartes côte à côte qui captent la lumière au passage du curseur. Sur mobile, sans curseur, la lumière reste en haut au centre, ce qui reste propre.