HTML5 Texte avec effet d'ombre

-5

Je travaillais sur le développement frontal mais je ne pouvais pas implémenter le texte avec l'effet d'ombre. Front-end est codé par HTML5, CSS3, bootstrap et AngularJS donc dans la conception, il y a l'effet d'ombre sur le texte déposé comme l'effet d'ombre dans photoshop.HTML5 Texte avec effet d'ombre

S'il vous plaît dites-moi comment puis-je implémenter cet effet d'ombre.

Source

2017-09-04 R.Mirana

Avez-vous essayé une recherche? google 'html5 texte avec effet d'ombre' donne un nombre surprenant de résultats utiles –

Note: Internet Explorer 9 et versions antérieures ne prennent pas en charge la propriété text-shadow.

Et devrait rechercher Google avant de poser n'importe quelle question. parce que dans ma réponse est le premier résultat de la recherche Google.

<!DOCTYPE html> 
 
<html> 
 
<head> 
 
<style> 
 
h1 { 
 
    text-shadow: 3px 3px #FF1111; 
 
} 
 
</style> 
 
</head> 
 
<body> 
 

 
<h1>Some Text</h1> 
 
</body> 
 
</html>

Source

2017-09-04 10:35:19

avez-vous cherché en utilisant le titre exact dans la question: p –

@JaromandaX. Oui mec. C'est pourquoi je suis mentionné dans ma réponse. –

Je me rends compte, mais le titre ** exact ** de la question - montre OP fait aucun effort, mais vous avez toujours répondu: p –

vous pouvez utiliser la propriété 'texte-ombre'.

En savoir plus sur le texte propriété ombre: Text Shadow

dans cet exemple aurez des effets des éléments h1.

h1 { 
    text-shadow: 2px 2px #ff0000; 
}

Syntaxe:

text-shadow: h-shadow v-shadow blur-radius color;

Source

2017-09-04 10:34:57

HTML5 Texte avec effet d'ombre

Répondre

Questions connexes