This is a heavily interactive web application, and JavaScript is required. Simple HTML interfaces are possible, but that is not what this is.
Post
Jhey ʕ·ᴥ· ʔ
jhey.dev
did:plc:mqptcphqrjhr5nziy33f3kco
CSS picture-in-picture video transition using container queries + position: sticky 🧑🍳
.container { container-type: scroll-state; }
@container scroll-state(stuck: top) {
video {
translate: calc(50vw - 100%) calc(100vh - 100%);
}
}
2025-05-21T23:11:31.146Z