martes, julio 29, 2014

Efecto de Resplador y Sombra para Cualquier CCS


Holaa!!! hoy les pongo efectos para textos y cualquier cosa xD por ejemplo tienes una marquesina, le puedes agregar brillo con el código que publicaré aquí, o quieres hacer un link hover lindo, con sombra, usa el código que publicare aquí! XDD

hace mucho publiqué una entrada llamada "Cambiar color texto seleccionado + efectos" lo ultimo en negrita lo saqué, porque le puse los efectos que voy a publicar en esta entrada y con el paso del tiempo me di cuenta de que se pueden aplicar en cualquier cosa!! xDD

bueno comenzemos!!!!

con el efecto resplandor...

Aplicar en un box o cualquier cajita (por ejemplo un blockquote, textarea, etc.)


-webkit-box-shadow: 0 0 20px #color; 
-moz-box-shadow: 0 0 20px #color;

(perdon si me salieron separados por blockquote, es que a veces tengo algunos errores :S)

0 0 20px : tamaño del brillo, modificalo por el que más te guste

#color : reemplazas por el código del color del brillo que quieras

Aplicar en un texto...


text-shadow: 0px 0px 20px #color;

0px 0px 20px: tamaño del brillo, modificalo por el que más te guste

#color: reemplazas por el código de color del brillo que quieras


ahora efecto sombra...

Para el efecto sombra, solo cambias el tamaño del shadow del box o del texto ^^


text-shadow:1px 1px 1px #color;

en un box... (creo que asi se llaman, o si no, no se xD)


-webkit-box-shadow: 1px 1px 1px #color
-moz-box-shadow: 1px 1px 1px #color;


cambias #color por el código del color que más te guste para la sombra ^^

si quieres hacer la sombra mas grande, en vez de 1px 1px 1px puedes poner 2px 2px 2px o el tamaño que quieras :3 y listo eso es todo xD 


Si tienes dudas o problemas
deja un comentario en esta entrada ^^

No hay comentarios:

Publicar un comentario