LOG IN
Usuario:

Contraseña:


Últimos temas
» [PHPBB3] Contenido por defecto en la respuesta rapida.
Ayer a las 7:30 pm por Ysamar

» [PHPBB3] Mejorar las Pestañas que aparecen en el perfil de un Usuario.
Dom Jul 01, 2018 12:12 am por Ysamar

» Navbar desplegable sencilla
Dom Jun 17, 2018 2:06 pm por Ysamar

» Modulo de Afiliados 40x40 [Todas las versiones]
Vie Jun 15, 2018 6:44 pm por Ysamar

» 2 Galeria Html Elegante
Miér Jun 13, 2018 8:57 pm por Ysamar

» [PHPBB3]Agregar amigos desde el perfil y dejar mensaje en su muro...
Miér Jun 13, 2018 8:02 pm por Ysamar

» Botón "ir al muro" (mensajes de los visitantes)
Miér Jun 13, 2018 7:49 pm por Ysamar

» ¿No quieres publicidad
Miér Jun 13, 2018 7:37 pm por Ysamar

» Efecto Lightbox automatico en imagenes [Foroactivo]
Miér Jun 13, 2018 7:27 pm por Ysamar

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

Nuestros miembros han publicado un total de 41230 mensajes en 3360 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.