Comment puis-je écrire des couleurs RVBA hexadécimales en CSS de manière concise ?

Explorer le RGBA hexadécimal en CSS

En ce qui concerne les couleurs CSS, nous connaissons les notations hexadécimales comme #ff0000 pour le rouge et #rgba(255, 0, 0, 0.5) pour le rouge translucide. Cependant, existe-t-il une manière plus concise de définir des couleurs partiellement transparentes en hexadécimal ? La question se pose : peut-on écrire quelque chose comme #ff000088 ou #ff0000 50 %, où les deux derniers chiffres (88 ou 50 %) représentent la valeur alpha ?

L'avenir du RGBA hexadécimal

Des nouvelles passionnantes nous attendent avec le prochain CSS Color Module Niveau 4 ! Son projet d'éditeur suggère l'introduction d'une notation RGBA hexadécimale à 4 et 8 chiffres. Cela signifie que nous pourrons peut-être bientôt définir nos couleurs comme :

#0000    // 4 digits
#00000000 // 8 digits

Copier après la connexion

Support actuel du navigateur

Malheureusement, nous avons encore un certain temps à attendre avant ces les nouvelles notations sont largement prises en charge. Toutefois, cela ne signifie pas que nous ne pouvons pas commencer à les utiliser aujourd’hui. En incluant une solution de secours, nous pouvons garantir que les navigateurs non pris en charge géreront correctement nos nouvelles propriétés :

figure {
  background: #FEFE7F; // Fallback
  background: rgba(255, 255, 0, 0.5); // Modern browsers
  background: #ffff007F; // Future shorthand
}

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!