`clip-path` buttons

clip-path is really underrated

one way w/ css 🪄 stack an image 2x... filter 1st, unclip 2nd on :hover 🤙 a img { grid-area: 1 / 1; } img:first-of-type { filter: grayscale(1) invert(1); } img:last-of-type { clip-path: circle(0); transition: clip-path; } a:hover img:last-of-type { clip-path: circle(100%); }show more

Just made my first 10-second Grok clip. Be the... penguin. Walk the vertical path.show more

Regretevator buttons

buttons ❤️‍🔥

I got buttons!

UI && CSS Tip! 🚀 You can use View... Transitions to create that Radix by WorkOS style theme switcher 👀 ::view-transition-new(root) { animation: reveal;} keyframes reveal { 0% { clip-path: polygon(...);} /* Code 👇 */ } Animate clip-path between modes 😍 CodePen.IO link below! 👇show more

$BUTTONS is him

I like buttons

C.O.M.B.O. Buttons open from the top - this allows... you to customize your buttons even when they're installed! #COMBObuttonshow more

Buttons in Notion 😍

How to customize buttons

i love pressing buttons

Animating buttons never gets old

Do you like belly buttons?

he yearns for the buttons