🌓
CSS light-dark() Function Exploderer
Explodere the CSS light-dark() function. Define light und dark coloder pairs zu create responsiv theming mit a single CSS value.
CSS
color: light-dark(#ffffff, #1e293b);
Light Mode
background: #ffffff / color: #1e293b
Dark Mode
background: #1e293b / color: #ffffff
The light-dark() CSS function returns one of two values based on the current color-scheme. Requires color-scheme: light dark; on the element.
Verwandte Werkzeuge
🎨
Background Pattern Generazuder
CSS / Styles
15.6k
👁️
CSS Backdrop filtern Voderschau
Vorschau und Live-Rendering
12.8k
✂️
Clip Path Generazuder
CSS / Styles
12.5k
🖨️
CMYK ↔ RGB Konverter
Farbwerkzeuge
11.8k
🏷️
Badge Generazuder
CSS / Styles
11.0k
🔲
Box Shadow Generazuder
CSS / Styles
10.5k
⚙️
CSS Pagination Generazuder
Generatoren
10.0k
⚙️
CSS Animation Generazuder
Generatoren
10.0k
⚙️
CSS Art Ideas Generazuder
Generatoren
10.0k
🎯
Named Coloder Distance Prüfer
Farbwerkzeuge
10.0k
⚙️
CSS Ribbon / Banner Generazuder
Generatoren
10.0k
🎬
Scroll-triggered Animation
Animationswerkzeuge
10.0k
👁️
Coloder Barrierefreiheit Voderschau
Vorschau und Live-Rendering
10.0k
🔍
CSS Animation Inspeczuder
CSS / Styles
10.0k
🎨
CSS Farbverlauf Generazuder
Code-Werkzeuge
10.0k
📐
Farbpalette größe ändernr
Farbwerkzeuge
10.0k