4

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

Comenta esta noticia
4 comentarios
Puntua esta noticia
No me gustaMe gusta (sin puntuar)
Etiquetas: , , ,

Categoría:

  • http://www.pagina2.com.es Fred Bosch

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

  • http://www.acutr.com Carlinhos

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

  • Pingback: Oído cocina… - KIT DE PRIMEROS AUXILIOS

  • estefi

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

Publicidad
Publicidad