Efecto en texto (text-shadows) La Biblioteca De Codigos

Si buscas hosting web, dominios web, correos empresariales o crear páginas web gratis, ingresa a PaginaMX
Por otro lado, si buscas crear códigos qr online ingresa al Creador de Códigos QR más potente que existe

Estas propiedades se pueden usar tanto en DIVs como en h1,h2,h3,etc.

Efecto 1:

text-shadow: 0.1em 0.1em #333

Efecto 2:

text-shadow: 0.1em 0.1em 0.05em #333

Efecto 3:

text-shadow: 0.1em 0.1em 0.2em black

Efecto 4:

color: white; text-shadow: black 0.1em 0.1em 0.2em

Efecto 5:

text-shadow: 0.2em 0.5em 0.1em #600,
      -0.3em 0.1em 0.1em #060,
      0.4em -0.3em 0.1em #006

Efecto 6:

text-shadow: -1px -1px white, 1px 1px #333

Efecto 7:

text-shadow: 1px 1px white, -1px -1px #444

Efecto 8:

text-shadow: -1px 0 black, 0 1px black,
      1px 0 black, 0 -1px black

Efecto 9:

text-shadow: 0 0 0.2em #8F7

Efecto 10:

text-shadow: 0 0 0.2em #F87, 0 0 0.2em #F87

Efecto 11:

text-shadow: 0 0 0.2em #87F, 0 0 0.2em #87F,
        0 0 0.2em #87F

Esperen que carge la imagen:

http://img227.imageshack.us/img227/1272/efectos.jpg

Aca un ejemplo usando la propiedad esta en un div:

.NombreDIV {
background-color: #3399ff;
border: 1px solid #000;color: white; text-shadow: black 0.1em 0.1em 0.2em; }

Asi es como quedaria

HTML de div:

  <div class="NombreDIV">Asi es como quedaria
</div>


Inicio Codigos Solo CSS Mas contenido Libro de Visitas
Si buscas hosting web, dominios web, correos empresariales o crear páginas web gratis, ingresa a PaginaMX Por otro lado, si buscas crear códigos qr online ingresa al Creador de Códigos QR más potente que existe Tweet Estas propiedades se pueden usar tanto en DIVs como en h1,h2,h3,etc. Efecto 1: text-shadow: 0.1em 0.1em #333 Efecto 2: text-shadow: 0.1em 0.1em 0.05em #333 Efecto 3: text-shadow: 0.1em 0.1em 0.2em black Efecto 4: color: white; text-shadow: black 0.1em 0.1em 0.2em Efecto 5: text-shadow: 0.2em 0.5em 0.1em #600, -0.3em 0.1em 0.1em #060, 0.4em -0.3em 0.1em #006 Efecto 6: text-shadow: -1px -1px white, 1px 1px #333 Efecto 7: text-shadow: 1px 1px white, -1px -1px #444 Efecto 8: text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black Efecto 9: text-shadow: 0 0 0.2em #8F7 Efecto 10: text-shadow: 0 0 0.2em #F87, 0 0 0.2em #F87 Efecto 11: text-shadow: 0 0 0.2em #87F, 0 0 0.2em #87F, 0 0 0.2em #87F Esperen que carge la imagen: Aca un ejemplo usando la propiedad esta en un div: .NombreDIV { background-color: #3399ff; border: 1px solid #000;color: white; text-shadow: black 0.1em 0.1em 0.2em; } Asi es como quedaria HTML de div: <div class="NombreDIV">Asi es como quedaria </div> Agregar un comentario Tu nombre Tu dirección de correo (no se mostrará) ¿De qué color es el pasto? (chequeo de seguridad) Mensaje *	Menú Inicio Codigos Solo CSS Mas contenido Libro de Visitas
Tu Sitio Web Gratis © 2025 La Biblioteca De Codigos

Agregar un comentario

Menú