Tipo con volumen
Mueve el cursor o toca para mover la luz
Titre en relief qui suit la lumière
Des lettres en volume façon affiche pop : l'extrusion de quatorze couches change de direction comme si le pointeur était un projecteur.
Réglages
Code
<div class="uvq14-ext"><h3 class="hl">Lettres en relief</h3><p class="cp">Bouge le curseur ou touche pour déplacer la lumière</p></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 Texte et défilement
Voir tout : Texte et défilementOù l’utiliser
Quatorze ombres de texte empilées donnent à ce titre un bloc 3D massif sous sa face contournée, comme une affiche pop art ou un titre de borne d'arcade. Deux variables CSS fixent la direction, et quelques lignes de JavaScript l'orientent à l'opposé du curseur, si bien que les lettres semblent éclairées par lui. Au repos, la lumière tourne seule. Il convient aux événements, aux jeux et aux soldes.
Écris le titre dans le champ de texte et choisis la couleur de la face avec la couleur principale et celle de l'extrusion avec la secondaire. Le fond tramé reprend le même accent. Sur mobile, un toucher déplace la lumière, et avec le mouvement réduit l'extrusion reste fixe.