Grabado de texto con CSS

alex Grabado de texto con CSS

Si sois maqueros sabréis de fijo que es el grabado de texto, y si no lo sois, pues yo os lo explico. Es una técnica de sombras que hace ver que el texto está ‘tallado’ en el fondo, en vez de puesto encima. Apple lo usa bastante y la verdad es que queda muy bonito. Y vas a aprender a usarlo.

Antes de nada también me gustaría dejar claro que si para vuestros trabajos necesitáis compatibilidad con todos los navegadores, esto no os vale, ya que en Internet Explorer 6 no lo veremos bien ni por asomo, me temo. ¡Vamos con la explicación entonces!Es muy sencillo de utilizar. Todo se reduce a usar la propiedad text-shadow de CSS. Por ejemplo, podríamos hacer algo así: text-shadow: 0px 1px 0px #eee, pero podéis probar a cambiar los valores de la segunda coordenada si queréis modificar la posición de la sombra. Y por cierto, para IE7, podemos usar esto: filter: dropshadow(color=#eee ,offX=0,offY=1);

Fuente | Reynolds FTW

Posts relacionados

Envia tu Comentario.

Muy chulo la verdad. No conocia esta propriedad.
Funciona bien en IE7 por lo menos?

Joder, se me ha olvidado poner el fix para el IE7. En 5 minutos lo tienes en la entrada.

hola, como se puede hacer ese efecto pero en photoshop???
muchas gracias, saludos!!!

Dejar un comentario

(requerido)

(requerido)