Video wird geladen...

Video konnte nicht geladen werden

Zur Startseite

Popover nav bar without JavaScript 🤙 <nav><ul><li><button popovertarget=menu>... <div popover=auto id=menu> ...content </div> Tweak timings with CSS linear() 🎬 Transitions with @​starting-style Anchor positioning to position and size things 🤏

124,577 Aufrufe • vor 1 Jahr •via X (Twitter)

8 Kommentare

Profilbild von jhey ▲🐻🎈
jhey ▲🐻🎈vor 1 Jahr

Here's the @CodePen 🚀 Neat thing with using the [popover] API for things like this is all the free stuff you get 🙏 – ::backdrop – autofocus – light dismiss (esc key)

Profilbild von Diligentic Infotech Pvt. Ltd.
Diligentic Infotech Pvt. Ltd.vor 1 Jahr

Love the simplicity of this solution! 🔥 CSS transitions and popovers without JavaScript make it so lightweight and efficient. Great way to boost performance while keeping the UI smooth! 👏

Profilbild von Gustav Ekerot
Gustav Ekerotvor 1 Jahr

You making the impossible possible, also, I'm stealing that little text shine effect 🥸

Profilbild von Beto Toro 🤘🏽
Beto Toro 🤘🏽vor 1 Jahr

I subscribe to the newsletter but the confirmation email never arrived 😅

Profilbild von Brayan
Brayanvor 1 Jahr

🤟

Profilbild von Khizer Rehan
Khizer Rehanvor 1 Jahr

Thanks for sharing 🙌

Profilbild von Chris J. Zähller @czahller.bsky.social
Chris J. Zähller @czahller.bsky.socialvor 1 Jahr

Link please!

Profilbild von Shaun Rashid
Shaun Rashidvor 1 Jahr

This is timely. I was thinking about something like this for a project of mine!

Ähnliche Videos