Text-shadow, es una de las pocas propiedades de CSS que podemos omitir el uso de los prefijos de proveedores. Bastante similar a box-shadow, se debe aplicar al texto, y recibe los mismos cuatro parámetros:
Un ejemplo:
Text-Outline
Una vez más, al igual que su hermano, box-shadow, podemos aplicar múltiples sombras, con una coma como separador. Por ejemplo, digamos que queremos crear un efecto de contorno para el texto. Si bien WebKit ofrece un stroke efecto, podemos llegar a más navegadores utilizando el siguiente método (aunque no tan bonita):
Un ejemplo:
Más Información
- x-offset
- y-offest
- blur
- color of shadow
[ h1 { text-shadow: 0 3px 0 black; color: Darkgoldenrod; font-size: 90px; font-family: helvetica; }]
Un ejemplo:
Ejemplo
Una vez más, al igual que su hermano, box-shadow, podemos aplicar múltiples sombras, con una coma como separador. Por ejemplo, digamos que queremos crear un efecto de contorno para el texto. Si bien WebKit ofrece un stroke efecto, podemos llegar a más navegadores utilizando el siguiente método (aunque no tan bonita):
[h1 { text-shadow: 0 3px 0 black, 0 -1px 0 black, 1px 0 0 black, -1px 0 0 black; color: white; font-size: 90px; }]
Un ejemplo:
