Fitur-fitur baru di CSS Media Query 5

• light-level: dapat disesuaikan berdasarkan kecerahan layar seperti dim, washed, normal (browser belum mendukung)

• inverted-colors: pembalikan warna (hanya didukung Safari)

• Personalisasi

→ prefers-contrast: dukungan aksesibilitas

→ prefers-reduced-motion: meminimalkan animasi

→ prefers-reduced-transparency: mengurangi transparansi

→ prefers-reduced-data: meminimalkan transfer data saat dalam kondisi seluler/roaming atau di situs dengan banyak gambar

• Custom Media Query yang bisa di-script

→ dapat dihubungkan dengan mendeklarasikan variabel lewat @custom-media

→ deklarasi variabel itu sendiri juga direncanakan agar bisa di-script