Materia
Objetos digitales con tacto, ritmo y una identidad propia.
HTML + CSSCartes
Carte à aura
Un halo doux suit la souris à l'intérieur de la carte, et la flèche du bouton avance légèrement au survol.
Réglages
16px
1x
Code
<article class="uv-ca"><i></i><small>COLECCIÓN 04</small><h3>Matière</h3><p>Des objets numériques avec du toucher, du rythme et une identité bien à eux.</p><button>Explorer <b>↗</b></button></article>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
Elle rend bien dans les mises en page sombres et aérées, où un peu de lumière guide le regard : la nouvelle collection d'une marque de céramique ou le projet phare du portfolio d'un studio. Cette carte avec effet de lumière au survol repose sur HTML et CSS, avec quelques lignes de JavaScript pour suivre la souris.
Une ou deux par page suffisent ; une grille entière de cartes lumineuses finit par ressembler à une boîte de nuit. Choisissez bien la première couleur, le halo en prend la teinte. Sur écran tactile, pas de survol : la lumière reste sagement dans son coin.