Texto en 3D usando solo CSS

  • Autor Autor laren
  • Fecha de inicio Fecha de inicio
L

laren

Beta
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Texto 3D usando CSS

84554807.jpg



Hace unos dias me tope con un interesante sitio web que nos da las opciones necesarias para crear nuestro texto en 3D usando solo CSS, revisando un poco el codigo este efecto se logra mediante la propiedad "text shadow" algo muy ingenieso, la pagina web consta de un panel que te deja configurar a tu gusto el resultado final de tu texto en 3D:





Una vez terminado todo solo queda copiar el codigo que nos genera y pegarlo en los estilos de nuestra web, en blogger pondremos arriba de ]]></b:skin>


por ultimo y como paso final deberemos tomar en cuenta que la parte mas importante del codigo es esta ".Three-Dee" que es el nombre de la regla en CSS que nos dara el efecto gfinal a nuestro texto, lo ubicaremos de la siguiente forma:


Insertar CODE, HTML o PHP:
<span class="Three-Dee">Tu texto</span>
Y eso seria todo, les dejo la url para que visiten la web


[url]www.3dcsstext.com[/URL]


fuente:http://css.zanime-mf.com
 

Adjuntos

  • 84554807.webp
    84554807.webp
    6,4 KB · Visitas: 18
Última edición:
Gracias por compartilo..
 
Atrás
Arriba