DESIGN

Generatore Ombra Testo CSS — Effetti di Testo Online Gratis

La proprietà CSS text-shadow aggiunge ombre al testo, creando effetti visivi che vanno dalla semplice profondità agli effetti glow neon, alle ombre 3D drammatiche. Il nostro generatore visuale rende facile creare questi effetti senza memorizzare la sintassi.

Sintassi di Text-Shadow

La sintassi è: text-shadow: offset-x offset-y blur-radius color. Offset-x e offset-y spostano l'ombra orizzontalmente e verticalmente. Blur-radius sfuma l'ombra — 0 crea un'ombra netta. Come box-shadow, puoi usare ombre multiple separate da virgole.

Effetti Speciali con Text-Shadow

  • Effetto glow: text-shadow: 0 0 10px #00ff88, 0 0 20px #00ff88, 0 0 40px #00ff88 — tre livelli sovrapposti creano la luce.
  • Testo 3D: Molte ombre con piccoli offset incrementali in direzione diagonale simulano profondità tridimensionale.
  • Long shadow: Ombra molto lunga in direzione diagonale — tendenza flat design.
  • Contorno testo: Quattro ombre in direzione opposte creano un contorno uniforme.