Hacker News new | past | comments | ask | show | jobs | submit login
Show HN: I made a collection of 80+ beautiful CSS buttons (click to copy) (getcssscan.com)
16 points by guivr 6 days ago | hide | past | favorite | 6 comments

I'm not a designer but I liked button Nr49

An inspiring collection! Would like to see something similar with other common elements.

Suggestion: I think the copying should only fire up when clicking the button itself, not it's containing div.

What does it mean "by Amazon", "by Apple", "by Google"?

Is your code copied from their css or it's just a new implementation inspired by their buttons?

It's ~90% copied from their CSS, I had to make a few adjustments sometimes. I used my own tool (CSS Scan - https://getcssscan.com) to copy the CSS.

The only buttons made from inspiration were the ones from the macOS Big Sur (number 10, 11, and 12).

Also, a few buttons used JS to change styles according to the cursor and I had to remove this part.

It's cool. I've used similar things in the past. I'm make sure to remember this on next time I need

This is cool. Buttons are surprising hard to get right.

Applications are open for YC Winter 2022

Guidelines | FAQ | Lists | API | Security | Legal | Apply to YC | Contact