Ciao amici, in questo breve css3 tutorial vedremo come applicare un bellissimo effetto 3D che permetterà di trasformare qualsiasi testo in 3D con poche linee di codice CSS.
Effetto 3D sul testo con CSS – Anteprima
Bello vero? Ed ecco il codice CSS da implementare per ottenere l’effetto 3D sul testo. Il tipo di font può essere naturalmente scelto a piacimento; date un’occhiata a questo elenco: A complete collection of web safe CSS font stacks.
1 2 3 4 5 6 |
.testo_3d { color: #fff; text-shadow: 0px 1px 0px #999, 0px 2px 0px #888, 0px 3px 0px #777, 0px 4px 0px #666, 0px 5px 0px #555, 0px 6px 0px #444, 0px 7px 0px #333, 0px 8px 7px #001135; font-family: 'Arial Black', Gadget, sans-serif; font-size:130px; } |
Per altri effetti CSS sul testo vedete anche: Creare ombre ed effetti al testo con la proprietà text-shadow di CCS3. Buon lavoro!