Neue Funktionen in CSS Media Query 5

• light-level: Anpassung je nach Bildschirmhelligkeit mit dim, washed, normal möglich (wird derzeit noch von keinem Browser unterstützt)

• inverted-colors: invertierte Farben (nur von Safari unterstützt)

• Personalisierung

→ prefers-contrast: Unterstützung für Barrierefreiheit

→ prefers-reduced-motion: Animationen minimieren

→ prefers-reduced-transparency: Transparenz reduzieren

→ prefers-reduced-data: Datenübertragung bei Mobilfunk-/Roaming-Zustand oder auf bildlastigen Websites minimieren

• Scriptfähige Custom Media Queries

→ Verknüpfung durch Variablendeklaration mit @custom-media möglich

→ Geplant ist außerdem, auch die Variablendeklaration selbst scriptfähig zu machen