Bagaimanakah Saya Boleh Menulis Warna RGBA Heksadesimal dalam CSS Dengan Ringkas?

Menerokai RGBA Perenambelasan dalam CSS

Mengenai warna CSS, kami sudah biasa dengan tatatanda perenambelasan seperti #ff0000 untuk merah dan #rgba(255, 0, 0, 0.5) untuk lut sinar merah. Walau bagaimanapun, adakah terdapat cara yang lebih ringkas untuk menentukan warna separa telus dalam perenambelasan? Timbul persoalan: bolehkah kita menulis sesuatu seperti #ff000088 atau #ff0000 50%, di mana dua digit terakhir (88 atau 50%) mewakili nilai alfa?

Masa Depan RGBA Heksadesimal

Berita menggembirakan menanti kami dengan Tahap Modul Warna CSS yang akan datang 4! Draf editornya mencadangkan pengenalan tatatanda RGBA heksadesimal 4 dan 8 digit. Ini bermakna kami mungkin tidak lama lagi dapat menentukan warna kami seperti:

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

Salin selepas log masuk

Sokongan Penyemak Imbas Semasa

Malangnya, kami masih mempunyai sedikit masa untuk menunggu sebelum ini tatatanda baharu disokong secara meluas. Walau bagaimanapun, itu tidak bermakna kita tidak boleh mula menggunakannya hari ini. Dengan memasukkan sandaran, kami boleh memastikan bahawa penyemak imbas yang tidak menyokong akan mengendalikan sifat baharu kami dengan anggun:

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

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Menulis Warna RGBA Heksadesimal dalam CSS Dengan Ringkas?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!