CSS color-mix

PHOTO

Fri Mar 29 2024 13:48:49 GMT+0000 (Coordinated Universal Time)

Saved by @rstringa #color-mix

:root{
  --blue:#09f;
  --light:color-mix(in srgb, var(--blue), red 50%);
}
.text{
  font-size:100px;
  color:var(--light);
}

Save snippets that work from anywhere online with our extensions

Available in the Chrome Web Store

Get Firefox Add-on

Get VS Code extension

Comments

More like this

CSS

@rstringa

Responsive Typography in CSS | CodyHouse Break-Out Container -webkit-autofill Transicion de height 0 a auto CodePen Home Accordion - height "auto" with grid Animaciones CSS a través del Scroll sin necesidad de JavaScript. 100% nativo Fija el header y anima sus propiedades al hacer scroll. Card Hover 3d animation CSS color-mix Efecto sombra de imagen @starting-style / allow-discrete Form - User valid / invalid Interpolate size

:root{
  --blue:#09f;
  --light:color-mix(in srgb, var(--blue), red 50%);
}
.text{
  font-size:100px;
  color:var(--light);
}

Browse more snippets >>