Foros del Web » Creando para Internet » CSS »

texto con apariencia de profundidad

Estas en el tema de texto con apariencia de profundidad en el foro de CSS en Foros del Web. Hola muy buenas me gustaria saber como se hacen esos textos que aparecen en muchas webs, que parecen que tiene profundidad, lo que pasa que ...
  #1 (permalink)  
Antiguo 30/08/2010, 14:03
Avatar de gachon  
Fecha de Ingreso: septiembre-2004
Ubicación: En Google
Mensajes: 462
Antigüedad: 13 años, 3 meses
Puntos: 3
texto con apariencia de profundidad

Hola muy buenas me gustaria saber como se hacen esos textos que aparecen en muchas webs, que parecen que tiene profundidad, lo que pasa que no se como se hace, si con css o javascript o cargan algun tipo fuente
  #2 (permalink)  
Antiguo 30/08/2010, 14:21
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
Respuesta: texto con apariencia de profundidad

¿Puede enlazar algún ejemplo?
¿Se refiere algo como el h1 de esta página?
Si conoce (o puede) utilice firefox+firebug (o equivalentes en otros navegadores) para ver las propiedades que le aplican.
Entre ellas /text-shadow/ Sólo es una correcta selección de colores
  #3 (permalink)  
Antiguo 30/08/2010, 14:44
Avatar de gachon  
Fecha de Ingreso: septiembre-2004
Ubicación: En Google
Mensajes: 462
Antigüedad: 13 años, 3 meses
Puntos: 3
Respuesta: texto con apariencia de profundidad

pues si un estilo a eso, lo que pasa que la pagina que yo vi, no la recuerdo
pero vamos un estilo a eso, y parece que es con text shadows
  #4 (permalink)  
Antiguo 30/08/2010, 16:46
Avatar de gachon  
Fecha de Ingreso: septiembre-2004
Ubicación: En Google
Mensajes: 462
Antigüedad: 13 años, 3 meses
Puntos: 3
Respuesta: texto con apariencia de profundidad

Perdon mira este ejemplo, que te pongo, lo que pasa que lo he mirado con firebug y no esta hecho con tex-shadows, como esta hecho??
http://guzzle.it/
  #5 (permalink)  
Antiguo 30/08/2010, 18:23
 
Fecha de Ingreso: diciembre-2007
Mensajes: 104
Antigüedad: 10 años
Puntos: 4
Respuesta: texto con apariencia de profundidad

Si no es text-shadow es una imágen o flash.. no hay muchas más opciones.

Eso se puede crear así:

Código:
text-shadow: #COLORRGB 1px 1px 0px;
Saludos!
  #6 (permalink)  
Antiguo 30/08/2010, 18:55
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
Respuesta: texto con apariencia de profundidad

gachon:
¿A qué elemento de esa página se refiere?
No he visto ningún texto que tenga ningún "efecto de profundidad", ya sea "sobresaliendo del fondo o hundido"
  #7 (permalink)  
Antiguo 31/08/2010, 07:50
Avatar de mayid
Colaborador
 
Fecha de Ingreso: marzo-2009
Ubicación: BsAs
Mensajes: 4.014
Antigüedad: 8 años, 8 meses
Puntos: 101
Respuesta: texto con apariencia de profundidad

Cierto, no hay ningún efecto en esa pagina. Y en la de caligrafía tampoco ví bordes, salvo en los cuadros de texto (un borde blanco).

En mi experiencia, text-shadow va perfectamente bien en Firefox y Opera, pero no en IE. Aquí tengo un uso distinto para el text-shadow, en los tags o al pasar el mouse sobre los elementos del menú:
http://artofillusion.com.ar/AoITutorials
  #8 (permalink)  
Antiguo 31/08/2010, 08:18
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
Respuesta: texto con apariencia de profundidad

Sí, Mayid.
Creo que todo lo relativo al texto (sombras, familias con @fon-family, una buena maquetación del mismo...) es ahora mismo una de las cuestiones con mayor potencial y que más puede hacer por una página. Y es una de las cuestiones menos atendidas.

Con text-shadow hay verdaderas "obras".
Muy parecido a tu ejemplo, Mayid, pero más acentuado, es un recorte que puse hace unas fechas.

Y de vez en cuando, salen juegos muy curiosos. Un ejemplo de mi tl:
Cita:
Retwitteado por URBchip
RT @csslab Try #CSS3: text-shadow: 0 0 4px #ccc, 0 -5px 4px #ff3, 2px -10px 6px #fd3, -2px -15px 11px #f80, 2px -18px 18px #f20;
Pruébalo.
  #9 (permalink)  
Antiguo 31/08/2010, 11:53
Avatar de mayid
Colaborador
 
Fecha de Ingreso: marzo-2009
Ubicación: BsAs
Mensajes: 4.014
Antigüedad: 8 años, 8 meses
Puntos: 101
Respuesta: texto con apariencia de profundidad

Uy! Efecto ráfaga de viento!

Etiquetas: apariencia
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 21:14.