LOG IN
Usuario:

Contraseña:


Últimos temas
» [PHPBB3] Estadísticas Y ¿Quien esta en Linea? como PUNBB.
Dom Ago 20, 2017 1:29 am por +Luigi!

» [PHPBB3] Recuadro a el contenido y el titulo de "¿Quien esta en Linea?".
Dom Ago 20, 2017 1:27 am por +Luigi!

» Free Forum Ranks
Lun Ago 14, 2017 3:10 am por sukerwold

» RPG Forum Ranks (Double Pack)
Lun Ago 14, 2017 3:09 am por sukerwold

» [MEGAPACK] Todos los iconos que necesitas para tu foro en un solo lugar!! -Proximamente PSD- INCLUYE EPS
Lun Ago 14, 2017 1:33 am por osmardj

» info del user al dar clic al nombre del user en el index
Vie Ago 04, 2017 10:22 pm por tyhr

» Nebula Resource Pack
Jue Ago 03, 2017 6:41 pm por Aikazen

» Skin Teen Pro9x [ PunBB ]
Lun Jun 05, 2017 3:39 am por profesional

» Ranks 3
Miér Mayo 31, 2017 11:17 pm por zotinyx

Estadísticas
Tenemos 2351 miembros registrados.
El último usuario registrado es sukerwold.

Nuestros miembros han publicado un total de 41211 mensajes en 3358 argumentos.
Afiliados





No estás conectado. Conéctate o registrate

Ver el tema anterior Ver el tema siguiente Ir abajo  Mensaje [Página 1 de 1.]


1 La Grandeza de text-shadow el Vie Dic 28, 2012 4:30 am







En este tema les voy a hablar sobre el CSS, en este caso va a ser de text-shadow. me he dado cuenta de que cada vez necesito menos el andar usando imágenes, practicamente ya ni las uso, solo para dar demostraciones del efecto, que es obvio que se deben utilizar.


text-shadow es lo que casi mas uso (después de background,box-shadow y entre otros), pero me gusta usarlos porque dá el efecto que uno quiere y le puede poner tantos como uno quiera, pueden ver la demostración en este link:http://i42.servimg.com/u/f42/15/92/96/93/biohaz10.jpg, http://htmlbiohazard.webmaster-foro.com/h2-


Usarlo es simple, solo se necesita poner "," (Comas) para poner otro, ejemplo:

Código:

.ClassName {
 text-shadow: 2px 2px 5px green;
 font-size: 30px;
 color: #DDD;
}
Y quedaría de la siguiente forma

BIOHAZARD

¿Simple no?

Avanzemos un poco más, ahora sí pongámosle un coma para poderle poner mas text-shadow.

Código:

.ClassName {
 text-shadow: 1px 1px 0px white, 0px 0px 3px black;
 font-size: 30px;
 color: #DDD;
}
Y quedaría de la siguiente forma



BIOHAZARD

¿Bueno? ¡Tiene hasta reileve! Sigamos.

Ahora voy a seguir yo con colores rgba(Red,Blue,Green,Alpha).

Código:

.ClassName {
 text-shadow: 5px 0px 0px rgba(245, 245, 245, 0.5), -5px 0px 0px rgba(245, 245, 245, 0.5), 0px 5px 0px rgba(245, 245, 245, 0.5), 0px -5px 0px rgba(245, 245, 245, 0.5), 5px 5px 0px rgba(245, 245, 245, 0.5), -5px -5px 0px rgba(245, 245, 245, 0.5), 5px -5px 0px rgba(245, 245, 245, .5) , -5px 5px 0px rgba(245, 245, 245, 0.5), 0px 1px 0px white, black 3px 3px 20px, black 3px 3px 20px;

 font-size: 30px;
 color: #666666;
Y este quedaría de la siguiente forma





BIOHAZARD





Eso es todo, espero que les haya gustado y que empiecen a probar el text-shadow y se creen buenos efectos.

¡No más imágenes!

Más Ideas
Tutorial y página original

Ver perfil de usuario http://biohazard.webmaster-foro.com

2 Re: La Grandeza de text-shadow el Vie Dic 28, 2012 6:44 am

Faltó aclarar la sintaxis:

text-shadow: posición horizontal, posición vertical, desenfoque, color;

Saludos!

Ver perfil de usuario http://warcraft3world.superforo.net/forum

3 Re: La Grandeza de text-shadow el Vie Dic 28, 2012 3:43 pm

¡Hola! esto ¿no debería ir en WD School -> CSS?


- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -


Ver perfil de usuario

4 Re: La Grandeza de text-shadow el Sáb Dic 29, 2012 4:27 am

genial compañero muchas gracias

Ver perfil de usuario

5 Re: La Grandeza de text-shadow el Sáb Dic 29, 2012 6:46 am

lukario! escribió:Faltó aclarar la sintaxis:

text-shadow: posición horizontal, posición vertical, desenfoque, color;

Saludos!

Lo que quize explicar con este tutorial es lo que puede hacer el text-shadow, no como funciona.


- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -


Ver perfil de usuario http://biohazard.webmaster-foro.com

Contenido patrocinado


Ver el tema anterior Ver el tema siguiente Volver arriba  Mensaje [Página 1 de 1.]

Permisos de este foro:
No puedes responder a temas en este foro.