Sublime
An inspiration engine for ideas
Gooey tooltips with the Popover API 🤙
– Zero JS
– CSS linear() easing + anchor positioning
– @​starting-style to transition to/from display: none
– SVG filter on a dummy popover backdrop for goo ✨
<button popovertarget="tip"></button>
<... See more
jhey ʕ•ᴥ•ʔx.comScroll-driven Animations
scroll-driven-animations.style
LinkedIn Carousel Designs
Barun Sharma • 8 cards
À Gauche de la Lune - Navigation - Awwwards
awwwards.comCSS is mind-blowing 🤯 Browser does what it can to keep the menus in view. Even when you scroll.
Zero JavaScript (Aside from the Draggable part)
This is the important HTML 👇 (anchor)
<button id="trigger" popovertarget="menu">
<div popover="auto"... See more
jhey ʕ•ᴥ•ʔx.comUI UX
Hannah May Cairns • 3 cards