217 подписчиков
Наши потомки будут делать бургер меню в 3 строчки 🤯
Мы сейчас о таком мечтать не можем, но если включить флаг "Experimental Web Platform Features" в Chrome Canary, то можно заглянуть в счастливое будущее
Вот как можно будет реализовать бургер меню:
HTML:
<button popovertarget="nav"></button>
<nav popover id="nav"></nav>
CSS:
body:has([id=nav]:open) {translate:-220px 0;}
Около минуты
23 марта 2023