Finally: The Real Web 3.0
Show HN: Versatile Metallic Finish for CSS
21–30 of 64 posts
Re: Show HN: Versatile Metallic Finish for CSS
#22OP here. Awesome to get some feedback on the library. Please let me know if you are curious about details. The insanely hard part of this was reconciling the differences in SVG implementations across browser engines.
Re: Show HN: Versatile Metallic Finish for CSS
#23Very fun in a maximalist way!
I do have a nitpick though -- I'm always bothered by whenever shadows or reflections operate in a way that makes no physical sense.
And in this case, there's a funny "wobble" of the reflections on the left and right edges. From inside out, the horizon goes way down, then up, then back down again... which suggests an awfully bizarre (and likely physically impossible?) rippling shape around the edges.
Hope this is constructive feedback -- would love to see it without the side wobbles/ripples!
Re: Show HN: Versatile Metallic Finish for CSS
#24Back to 2000? I don't remember why we wanted that in first place. Please noo
Re: Show HN: Versatile Metallic Finish for CSS
#25Caused me to find this brushed metallic effect which I think is well done, and is all CSS, no JS. https://codepen.io/simurai/pen/kvyEeg
that is beautiful!
Re: Show HN: Versatile Metallic Finish for CSS
#26You'd hope there would be at least an example that doesn't require JavaScript if this is a CSS thing. It could have made a good block to remind you to enable to see the editor.
Where is the rule that people need to complain about JavaScript at least once for every post?
It's about the experience. Having JavaScript is fine, but is a part of accessibility. It's just plain broken with no warning when scripts are disabled. It's a wise practice to personally disable scripts by default with an add-on and only opt yourself into scripts as needed--for privacy, for security, saving bandwidth.
In this specific case, one should be able to view the default demo without JS because it's a CSS library/demo and not a JS one. You can (and should) progressively enhance it with JS.
Re: Show HN: Versatile Metallic Finish for CSS
#27Looks pretty neat. Always blown away by what people can do with CSS. Meanwhile I have to look up how to center a div vertically
Re: Show HN: Versatile Metallic Finish for CSS
#28You'd hope there would be at least an example that doesn't require JavaScript if this is a CSS thing. It could have made a good block to remind you to enable to see the editor.
Considering it's distributed as a JS library I'm gonna go out on a limb here and say it requires javascript.
Re: Show HN: Versatile Metallic Finish for CSS
#29Doesn't work in Netscape Navigator 3 Gold. :/
Re: Show HN: Versatile Metallic Finish for CSS
#30Caused me to find this brushed metallic effect which I think is well done, and is all CSS, no JS. https://codepen.io/simurai/pen/kvyEeg
Wow, that is absurdly good.
I never would have imagined you could use a repeating gradient effect to produce a brushed metal texture. That's crazy clever, and it's also crazy how it works equally well for rounded and rectangular buttons.