Efecto de tipografía con CSS

Quiero hacer un efecto de tipografía así: en CSS. pero parece que no puedo encontrar la sombra de texto correcta para ello.Efecto de tipografía con CSS

color de la palabra: # 2f4050 Color de fondo: # 4f6478

Lo he intentado con:

.letterpress { 
    color:#2f4050; 
    font-family:Tahoma, Helvetica, Arial, sans-serif; 
    font-size:70px; 
    font-style:normal; 
    font-variant:normal; 
    font-weight:normal; 
    line-height:normal; 
    text-align:center; 
    text-shadow:#4f6478 0 1px 5px; 
}

pero eso no parece hacer el truco.

Fuente

2012-05-31 Bart De Kimpe

La imagen que ha vinculado está rota, al menos para mí. – cchana

Sí, la imagen está rota. – Katti

http://img208.imageshack.us/img208/6421/letterpress.png –

.letterpress { 
    color:#2f4050; 
    font-family:Tahoma, Helvetica, Arial, sans-serif; 
    font-size:70px; 
    text-align:center; 
    text-shadow: 0 1px 1px #fff; 
}

Eso debería hacerlo. Por cierto. no tiene que declarar los pares de valores "normales"

Fuente

2012-05-31 09:33:34

Fiddle: http://jsfiddle.net/ThZce/ –

Use un color más claro para la sombra y menos desenfoque. Algo como:

text-shadow: 1px 1px 2px #6ab;

Fuente

2012-05-31 09:32:12 Guffa

Su sombra de texto es del mismo color que el fondo. Debe usar un color más claro como #809bb5. O puede usar un valor de rgba, por ejemplo, text-shadow: 0 1px 5px rgba(255,255,255,0.4);. El último número es transparencia alfa (opacidad).

pellizqué la sombra ligeramente ... http://jsfiddle.net/qmqF5/

Fuente

2012-05-31 09:33:07 Mindthetic

Hay dos sombras. Pruebe algo como

text-shadow: 1px 1px rgba(255,255,255,0.2), -1px -1px rgba(0,0,0,0.5);

Esto debería dar una sombra blanca transparente a la parte inferior derecha y un negro transparente interior sombra a la parte superior izquierda.

Fuente

2012-05-31 09:34:23 Stefan

El problema aquí es simple.

Usted está dando el mismo color para el color de fondo y la sombra de texto.

Proporcionando un color más claro a la sombra de texto en comparación con el fondo y el color del texto resuelve el problema.

Gracias.

Fuente

2012-05-31 09:36:52 Katti

Para crear el efecto de tipografía, debemos agregar una sombra que sea más clara que el color del texto para garantizar que el efecto funcione correctamente.

Fuente

2013-12-22 10:29:30

Respuesta

Cuestiones relacionadas