Загрузка видео...

Не удалось загрузить видео

На главную

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!

Похожие видео