RT Jhey 🔨🐻✨
Oh, this? 👀
Jus' a pure CSS image zoom using CSS primitives 🔥
– :has()
– object-view-box
– Houdini @ property
Code 👇
img {
object-view-box: inset(var(--top) ...);
}
:root:has(#car:checked) {
--top: 61%;
...
}
Amazing 🥲
👉
http://codepen.io/jh3y/pen/QWQrVwj

https://twitter.com/jh3yy/status/1532145806278533120