Maison > interface Web > tutoriel CSS > Comment puis-je colorer les émojis Unicode dans les navigateurs Web ?

Comment puis-je colorer les émojis Unicode dans les navigateurs Web ?

DDD
Libérer: 2024-12-02 22:58:13
original
598 Les gens l'ont consulté

How Can I Color Unicode Emojis in Web Browsers?

Coloration des Emoji Unicode dans les navigateurs

Dans les navigateurs Web modernes, il est possible d'incorporer des caractères Emoji. Cependant, comment les restituer dans une couleur spécifique tout en gardant le contrôle sur la teinte choisie ?

Considérons l'exemple suivant :

<p>
  ???
</p>
<p>
  ♥★ℹ
</div>

p {
  font-size: 3em;
  color: red
}
Copier après la connexion

Ce code HTML et CSS doit afficher le texte et les emojis dans rouge, mais seul le texte est rendu dans la couleur spécifiée.

Rendu d'Emoji en couleur

Pour coloriser Emoji caractères :

div {
  color: transparent;  
  text-shadow: 0 0 0 red;
}
Copier après la connexion

Dans un

, définissez la propriété color sur transparent pour rendre le texte invisible. Ensuite, utilisez text-shadow pour créer l'effet de texte coloré souhaité avec un décalage de zéro et la couleur choisie comme troisième paramètre.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal