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

Noticias Relacionadas

Comenta esta noticia
4 comentarios
Puntua esta noticia
No me gustaMe gusta (sin puntuar)
Etiquetas: , , ,
Categoría: CSS, Diseño, Web 2.0

4 Comentarios

  1. Fred Bosch dice:

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

    Tu valoración: Thumb up 0 Thumb down 0

  2. Carlinhos dice:

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

    Tu valoración: Thumb up 0 Thumb down 0

  3. estefi dice:

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

    Tu valoración: Thumb up 0 Thumb down 0

¿Te ha parecido interesante la noticia? ¡Déjanos tu comentario!

Publicidad
Publicidad