I might be old but i think this button style is incomplete without a corresponding Java Applet
Me in my 90s just called me and claimed copyright on this kind of buttons.
Show HN: Versatile Metallic Finish for CSS
31–40 of 64 posts
Re: Show HN: Versatile Metallic Finish for CSS
#32Having flashbacks to being a middle schooler choosing the fancy button to use from a menu in Expression Web.
In case the reference is too niche: https://www.expression-web-tutorials.com/interactive-buttons...
Is this the first hint of that style of UI coming back in fashion? It seems possibly overdue with the trend towards rounding, shadowing, and texturing everything the last few years.
Re: Show HN: Versatile Metallic Finish for CSS
#33The metallic finish is just an image, "for CSS" made me think this used only CSS to achieve the effect.
The use of `filter` make it look nicer but other than that there's not much original here. Maybe try abusing nested borders, gradients and shadows until you can achieve the same thing with CSS alone. The JS to render the image blob is creative.
Also elements with a fixed height (or `line-height`) get tricky with dynamic content, linebreaks, etc. Maybe find a way around that. (Cool demo, thanks for sharing)
Re: Show HN: Versatile Metallic Finish for CSS
#34I'm really hoping someone will make a metallic texture that behaves like an actual metallic colour - i.e. reflecting the environment. I think that would require some awareness of surrounding colours as well as using the webcam to capture light coming on the the screen surface.
Re: Show HN: Versatile Metallic Finish for CSS
#35Caused 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
Now THAT's really cool.
Re: Show HN: Versatile Metallic Finish for CSS
#36Caused 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
Yes that is to be expected. JS only gets involved in setting of CSS styles, not effecting appearance itself.
Re: Show HN: Versatile Metallic Finish for CSS
#37I'm really hoping someone will make a metallic texture that behaves like an actual metallic colour - i.e. reflecting the environment. I think that would require some awareness of surrounding colours as well as using the webcam to capture light coming on the the screen surface.
> using the webcam to capture
I’m just imagining the dialogue boxes asking for permission to use the camera to show me a button.
Re: Show HN: Versatile Metallic Finish for CSS
#38Re: Show HN: Versatile Metallic Finish for CSS
#39I, for one, welcome this de-Applefication of design that’s been happening - on the edges of the internet, at least.
Re: Show HN: Versatile Metallic Finish for CSS
#40I didn’t know this was what I needed until I saw it. All my buttons will be like this from now.