LOG IN
Usuario:

Contraseña:


Últimos temas
» [PHPBB3] Tema Ubuntu
La Grandeza de text-shadow EmptyMar Feb 27, 2024 10:22 am por hoanglongnhatbao

» [PHPBB3] Fondo y otros efectos al texto llamado "Por X" debajo de los titulos de los post.
La Grandeza de text-shadow EmptyMar Mayo 30, 2023 8:52 am por hoanglongnhatbao

» Skin: Academy [Adaptado por: 15-tronos]
La Grandeza de text-shadow EmptyMar Mayo 30, 2023 8:47 am por hoanglongnhatbao

» [PHPBB3] KN-Anime - VAngel.
La Grandeza de text-shadow EmptyMar Mayo 30, 2023 8:46 am por hoanglongnhatbao

» [PHPBB3] Element Professional Style
La Grandeza de text-shadow EmptyMar Mayo 30, 2023 8:45 am por hoanglongnhatbao

» Menu minimalista
La Grandeza de text-shadow EmptyMar Mayo 30, 2023 8:44 am por hoanglongnhatbao

» [Todas] Efecto Slider Transition en el Logo
La Grandeza de text-shadow EmptyMar Mayo 30, 2023 8:43 am por hoanglongnhatbao

» [PHPBB3] Mejores Posteadores flotantes.
La Grandeza de text-shadow EmptyMar Mayo 30, 2023 8:41 am por hoanglongnhatbao

» [phpbb3] Agrandar el nombre de usuario en el perfil
La Grandeza de text-shadow EmptyMar Mayo 30, 2023 8:41 am por hoanglongnhatbao

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

Nuestros miembros han publicado un total de 41254 mensajes en 3360 argumentos.
Afiliados





No estás conectado. Conéctate o registrate

 » Web Design » Tutoriales y Códigos » La Grandeza de text-shadow

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


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

Ayax

Ayax
Mod.Códigos






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:https://i.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

http://biohazard.webmaster-foro.com

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

lukario!

lukario!
+300 post
Faltó aclarar la sintaxis:

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

Saludos!

http://warcraft3world.superforo.net/forum

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

TheMoment

TheMoment
Mod.Códigos
¡Hola! esto ¿no debería ir en WD School -> CSS?


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

Ban Midou

Ban Midou
+300 post
genial compañero muchas gracias


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

Ayax

Ayax
Mod.Códigos
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.

http://biohazard.webmaster-foro.com

Contenido patrocinado


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

 » Web Design » Tutoriales y Códigos » La Grandeza de text-shadow

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