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