正在加载视频...

视频加载失败

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 次观看 • 1 年前 •via X (Twitter)

8 条评论

jhey ▲🐻🎈 的头像
jhey ▲🐻🎈1 年前

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)

Diligentic Infotech Pvt. Ltd. 的头像
Diligentic Infotech Pvt. Ltd.1 年前

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! 👏

Gustav Ekerot 的头像
Gustav Ekerot1 年前

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

Beto Toro 🤘🏽 的头像
Beto Toro 🤘🏽1 年前

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

Brayan 的头像
Brayan1 年前

🤟

Khizer Rehan 的头像
Khizer Rehan1 年前

Thanks for sharing 🙌

Chris J. Zähller @czahller.bsky.social 的头像
Chris J. Zähller @czahller.bsky.social1 年前

Link please!

Shaun Rashid 的头像
Shaun Rashid1 年前

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

相关视频