🌓
CSS light-dark() Function Explouer
Exploue the CSS light-dark() function. Define light e dark colou pairs para create responsivo theming com 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.
Ferramentas Relacionadas
🎨
Background Pattern Geradou
CSS / Estilos
15.6k
👁️
CSS Backdrop filtrar Pré-visualização
Pré-visualização e Renderização ao Vivo
12.8k
✂️
Clip Path Geradou
CSS / Estilos
12.5k
🖨️
CMYK ↔ RGB Conversou
Ferramentas de Cor
11.8k
🏷️
Badge Geradou
CSS / Estilos
11.0k
🔲
Box Shadow Geradou
CSS / Estilos
10.5k
🎨
CSS Colou Mix Function Geradou
Ferramentas de Código
10.0k
🎭
paleta de coues para CSS Mask gradiente
Ferramentas de Código
10.0k
🔍
CSS animação Inspecparau
CSS / Estilos
10.0k
🎨
CSS Colou Function Conversou
Ferramentas de Cor
10.0k
🌊
paleta de coues Waterfall gráfico
Ferramentas de Cor
10.0k
🎨
CSS HWB Colou Picker
Ferramentas de Cor
10.0k
🔄
ASCII <-> Hex Dump Conversou
Conversores
10.0k
🔍
CSS Media Query Explouer
Exploradores e Navegadores
10.0k
📊
Palette para CSS HSL Explouer
Ferramentas de Código
10.0k
🔍
expressão regular Pattern Explouer
Exploradores e Navegadores
10.0k