Wie kann ich hexadezimale RGBA-Farben präzise in CSS schreiben?

Hexadezimales RGBA in CSS erkunden

Wenn es um CSS-Farben geht, sind wir mit hexadezimalen Notationen wie #ff0000 für Rot vertraut und #rgba(255, 0, 0, 0,5) für durchscheinendes Rot. Gibt es jedoch eine prägnantere Möglichkeit, teilweise transparente Farben hexadezimal zu definieren? Es stellt sich die Frage: Können wir so etwas wie #ff000088 oder #ff0000 50 % schreiben, wobei die letzten beiden Ziffern (88 oder 50 %) den Alpha-Wert darstellen?

Die Zukunft des hexadezimalen RGBA

Aufregende Neuigkeiten erwarten uns mit dem kommenden CSS Color Module Level 4! Der Entwurf des Herausgebers schlägt die Einführung der 4- und 8-stelligen hexadezimalen RGBA-Notation vor. Das bedeutet, dass wir unsere Farben möglicherweise bald wie folgt definieren können:

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

Nach dem Login kopieren

Aktuelle Browserunterstützung

Leider müssen wir noch eine Weile warten, bis diese verfügbar sind Neue Notationen werden weitgehend unterstützt. Das bedeutet jedoch nicht, dass wir sie nicht schon heute nutzen können. Durch die Einbeziehung eines Fallbacks können wir sicherstellen, dass nicht unterstützende Browser unsere neuen Eigenschaften ordnungsgemäß verarbeiten:

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

Das obige ist der detaillierte Inhalt vonWie kann ich hexadezimale RGBA-Farben präzise in CSS schreiben?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!