3 ms·
With all due respect, this still lacks the polish of traditional well-crafted raster buttons. Having looked at (what seems like) all CSS buttons in existence, I
by huhtenberg 15y ago
With all due respect, this still lacks the polish of traditional well-crafted raster buttons. Having looked at (what seems like) all CSS buttons in existence, I am not entirely convinced that CSS is actually capable of pixel perfect replication of Photoshop goodness. At least not at the moment.
More importantly though - scaling the button up or down while keeping it exact visual appearance typically requires readjustment of its accentuating details - the transparency %ages, stroke weights and colors and what not. This effectively renders the very idea of CSS buttons void - they can be scaled, but it will distort them, so the scaled up/down versions are basically no good.
-- Gallery of buttons that I yet to see CSS versions to match up to --
[1] http://dribbble.com/shots/239089-Dialoggs-Login-Animated http://dribbble.com/shots/239089-Dialoggs-Login-Animated
[2] http://dribbble.com/shots/201485-Yo-check-it-iOS-UI- http://dribbble.com/shots/201485-Yo-check-it-iOS-UI-
[3] http://dribbble.com/shots/173658-To-project http://dribbble.com/shots/173658-To-project
[4] http://dribbble.com/shots/191108-Let-there-be-sense- http://dribbble.com/shots/191108-Let-there-be-sense-
[5] http://dribbble.com/shots/199327-iPad-app-sneak-peak http://dribbble.com/shots/199327-iPad-app-sneak-peak
[6] http://dribbble.com/shots/98510-Starred-Checked-Action-Buttons http://dribbble.com/shots/98510-Starred-Checked-Action-Butto...
(edit) - shortened list a bit, it is easy to get carried away with this stuff.
- ppog 15y agoWhen I see people getting breathless about "awesome CSS-only buttons" or "cool CSS-only wallpaper," I am always reminded of the old proverb of the dancing bear: "The marvel is not that the bear dances well, but that the bear dances at all."
- mixmastamyk 15y agoI think they're analogous to SVG/Illustrator rather than Photoshop. Many (don't know if all) the scaling issues could be remedied by using em instead of px in the stylesheet.