Quiero dar efecto de sombra a algunos de mis textos en un sitio web que lo haría parecer 3D usando CSS ¿Es posible?sombra de texto 3D múltiple usando css
5
A
Respuesta
16
sí, es posible tener múltiples text-shadow
s en un tipo de letra, sólo tiene que utilizar una lista separada por comas de valores:
p {
text-shadow: 0.1em 0.1em 0.2em #ccc, 0.2em 0.2em 0.3 em #ddd /* ...other...*/
}
1
Utilice esta
http://jsfiddle.net/RobertKolatzek/uk2my/1/
y tratar de entender, cómo funciona (colores, tamaños, etc.).
En la parte inferior, obtiene la propiedad text-shadow para copiar y pegar.
En un caso sencillo, se utiliza texto-sombra para hacer 3D, entonces la sombra de ella:
text-shadow: 0px 4px 0 #ccc, 0px 6px 0 #888;
Cuestiones relacionadas
- 1. CSS decoración de texto múltiple
- 2. Opacidad sombra de texto
- 3. Sombra de texto para IE
- 4. cuadro de CSS sombra alrededor del triángulo
- 5. eliminar sombra interna de entrada de texto
- 6. Android - ¿sombra en el texto?
- 7. sombra de css solo derecha e inferior
- 8. Cómo combino la sombra de texto de CSS y "background-image: -webkit-gradient"
- 9. ¿IE9 admite transformaciones 3D CSS?
- 10. Sombra de texto en Internet Explorer?
- 11. CSS 3D Transform ángulo de emisión
- 12. Selectores CSS de entrada múltiple [tipo]
- 13. texto sombra efecto de la inserción CSS3
- 14. Cómo aplicar sombra de texto a UITextView?
- 15. Sombra paralela CSS para la flecha dibujada CSS
- 16. animación de texto-a la sombra aparecen y desaparecen
- 17. ¿Sombra de caja de CSS alrededor de una forma personalizada?
- 18. Cómo establecer la sombra del botón de Android en lugar de establecer la sombra de texto
- 19. Definir propiedad de transición múltiple en CSS
- 20. Zend_Mail y = 0D = 0A = 3D = 3D = 3D = 3D = 3D
- 21. Selector múltiple usando jQuery
- 22. CSS para gradiente de caja de sombra y las fronteras
- 23. Creación de un efecto de sombra oscura inserción con CSS
- 24. transformaciones CSS 3D y combates zindex
- 25. palabra múltiple texto predictivo/autocompletar?
- 26. 3D CSS, los bordes dentados en Firefox
- 27. ¿Cambiar el color de selección de texto usando CSS?
- 28. Cómo estilo de cuadro de texto usando CSS en ASP.NET
- 29. cambio de un trozo de texto hacia abajo usando CSS
- 30. Efecto 3D de apertura de puerta en CSS
Esta debe ser la respuesta correcta, 1 – Joshua
que se pone en la parte superior de la otra? –