Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

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 görüntüleme • 1 yıl önce •via X (Twitter)

8 Yorum

jhey ▲🐻🎈 profil fotoğrafı
jhey ▲🐻🎈1 yıl önce

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. profil fotoğrafı
Diligentic Infotech Pvt. Ltd.1 yıl önce

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 profil fotoğrafı
Gustav Ekerot1 yıl önce

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

Beto Toro 🤘🏽 profil fotoğrafı
Beto Toro 🤘🏽1 yıl önce

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

Brayan profil fotoğrafı
Brayan1 yıl önce

🤟

Khizer Rehan profil fotoğrafı
Khizer Rehan1 yıl önce

Thanks for sharing 🙌

Chris J. Zähller @czahller.bsky.social profil fotoğrafı
Chris J. Zähller @czahller.bsky.social1 yıl önce

Link please!

Shaun Rashid profil fotoğrafı
Shaun Rashid1 yıl önce

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

Benzer Videolar