Show HN: I made a collection of 80+ beautiful CSS buttons (click to copy) (getcssscan.com) 16 points by guivr 4y ago ↗ HN
[–] gus_massa 4y ago ↗ 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? [–] guivr 4y ago ↗ 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.
[–] guivr 4y ago ↗ 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.
[–] n4bz0r 4y ago ↗ 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.
[–] atum47 4y ago ↗ It's cool. I've used similar things in the past. I'm make sure to remember this on next time I need
6 comments
[ 4.4 ms ] story [ 19.6 ms ] threadIs your code copied from their css or it's just a new implementation inspired by their buttons?
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.
Suggestion: I think the copying should only fire up when clicking the button itself, not it's containing div.