backdrop-filter
linear()
conic-gradient()
offset-path
mix-blend-mode, background-blend-mode, isolation
mix-blend-mode
background-blend-mode
isolation
.item2 { color: #000; mix-blend-mode: overlay; }
blur(), brightness(), contrast()…
blur()
brightness()
contrast()
.image{ filter: contrast(175%) blur(5px) }
.box { backdrop-filter: blur(10px); }
:root { --bounce-easing: linear( 0, 0.063, 0.25 18.2%, 1 36.4%, 0.813, 0.75, 0.813, 1, 0.938, 1, 1 ); }
min-content, max-content, fit-content
min-content
max-content
fit-content
h2 { width: max-content; }
.blue-to-red { background: conic-gradient(from 45deg, blue, red); }
.blueBox { background-color: blue; offset-path: border-box; offset-distance: 5%; }