Fuentes bien marcadas en CSS
Noviembre 25, 2009
Desde hace tiempo que soy asiduo visitante de webs como Taringa y ElForro y es en esta última donde he notado un uso eficaz de fuentes más vistosas, indagué un poco en el código fuente y noté que para lograr esto se hace uso de una propiedad ya ahora no tan desconocida de CSS, dicha propiedad es text-shadow.
La propiedad “text-shadow” como su nombre lo refiere crea sombras con ciertos parámetros, a continuación un ejemplo:
text-shadow: color,offset(x),offset(y), difuminado;
o también:
text-shadow: difuminado,offset(x),offset(y),color;
.letters{ text-shadow:#fff 1px 1px 0px;}
Ahora bien la forma en que podemos hacer más vistosas nuestra fuentes es teniendo en cuenta lo siguiente:
- Nuestra fuente debe tener un color más oscuro que el fondo donde se mostrará, esto quiere decir que el efecto no aplica si poseemos una fuente por ejemplo blanca (#FFFFFF) sobre un fondo negro (#000000).
- El color de fondo no puede ser blanco, ya que el efecto no se apreciará.
- Y obviamente el color de la sombra: text-shadow: color , es recomendable que sea blanco, eso si queremos que se note bien marcado o el color más cercano al blanco partiendo como base el color del fondo.
El resultado pueden observarlo en el mismo título de la entrada.
Comentarios + Pingbacks + Trackbacks
No hay comentarios
Responder