Proyectos y servicios de comunicación e identidad
Miguel Molina, diseñador gráfico

programación

tutorial texto 3d   Efecto de texto en tres dimensiones con sus sombras, realizado con html5 y formateado con css3 lo que aporta la ventaja de que aunque se modifique el texto, sus propiedades se mantienen siempre, pues es texto no imagen.

TEXTO 3D

El html, con el enlace del tipo de letra, en este caso la Source Sans Pro, en Google Fonts.

texto-3d-1

Formateo del texto con CSS.

texto-3d-2

Formateo del relieve.

texto-3d-3

Formateo de las sombras.

texto-3d-4

Formateo de las sombras suaves más alargadas.

texto-3d-5
lab