Je veux donner un effet d'ombre à certains de mes textes dans un site Web qui ferait ressembler à la 3D en utilisant CSS Est-il possible?Multiple ombre de texte 3D en utilisant css
5
A
Répondre
16
Oui, il est possible d'avoir plusieurs text-shadow
s sur une police, il suffit d'utiliser une liste de valeurs séparées par des virgules:
p {
text-shadow: 0.1em 0.1em 0.2em #ccc, 0.2em 0.2em 0.3 em #ddd /* ...other...*/
}
1
Utilisez cette
http://jsfiddle.net/RobertKolatzek/uk2my/1/
et essayer de comprendre, comment ça marche (couleurs, tailles, etc.) Au bas de la page, vous obtenez la propriété text-shadow à copier et coller.
Dans un cas simple, vous utilisez text-shadow pour rendre 3D, l'ombre de celui-ci:
text-shadow: 0px 4px 0 #ccc, 0px 6px 0 #888;
Questions connexes
- 1. Transforming texte 3D en utilisant OpenGL
- 2. jQuery obtenant variabile texte-ombre
- 3. Navigateur texte-ombre
- 4. Ombre de texte pour la position: statique
- 5. Ombre de texte dans IE, alternatives
- 6. Possibilité de faire une lueur/ombre en utilisant une transparence partielle en HTML/CSS?
- 7. Ombre de texte dans Internet Explorer?
- 8. Texte en perspective 3D sur une page Web
- 9. CSS arrière-plan multiple
- 10. CSS - image de fond multiple
- 11. Comment ajouter une ombre à une table entière en utilisant juste CSS?
- 12. Ajout de texte CSS au contenu iframe en utilisant Javascript
- 13. texte permutation et de l'ordre d'image en utilisant le CSS
- 14. Comment mettre en forme du texte en utilisant CSS
- 15. sélection de texte en CSS?
- 16. Dessin de texte avec ombre dans OpenGL + FTGL
- 17. Texte pivoté à 90 ° en utilisant uniquement CSS
- 18. tableau 3D C++ en utilisant int [] opérateur
- 19. Border entourant le texte au minimum en utilisant CSS
- 20. comment aligner le texte verticalement en utilisant CSS?
- 21. Comment créer du texte vertical en utilisant uniquement CSS?
- 22. Comment flotter l'image et le texte correctement en utilisant css
- 23. Modélisation 3D dans WPF en utilisant C#
- 24. Style de saisie de texte CSS CSS
- 25. Graphes 3D utilisant pChart
- 26. Multiple instruction Select en utilisant COUNT
- 27. Faire une ombre d'arrière-plan avec PNG ou CSS?
- 28. Flash 10 3D flou de texte
- 29. Zend_Mail et = 0D = 0A = 3D = 3D = 3D = 3D = 3D
- 30. texte Centrage (verticalement) dans une zone de texte en utilisant le CSS
Cela devrait être la bonne réponse, +1 – Joshua
qui obtient au-dessus de l'autre? –