New Sep 8, 2024

Adaptive Scrim

Top Front-end Bloggers All from Adam Argyle View Adaptive Scrim on nerdy.dev

light example

Combo light-dark() with Temani's great border-image techniques.

.card > figcaption {
  color: light-dark(#000, #fff);
  border-image: fill 0 conic-gradient(light-dark(#fff8, #0008) 0 0);
}

Try it on Codepen

Scroll to top