Grabado de texto con CSS

alex

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

¿Necesitas contratar un hosting para tu web?
En SiteGround tienes disponible una amplia oferta de hostings para todo tipo de bolsillos y necesidades. Encuentra el hosting que estás buscando al mejor precio, con las últimas tecnologías en velocidad y seguridad web y soporte en español 24h:
HostingHosting WordPress

3 comentarios

  1.   Fred Bosch dijo

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

  2.   Carlinhos dijo

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

  3.   estefi dijo

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

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *