3 ms·

Caused 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 https://codepen.io/simu

by tyingq 4y ago

Caused 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 https://codepen.io/simurai/pen/kvyEeg

agos 4y ago
Simurai is a legend, check out their other code pens for some great level CSS
- autoexec 4y ago
  There's something just plain wrong about showing off some cool trick that doesn't need JS by putting it on a website that refuses to show you anything without it being enabled.
xmonkee 4y ago
Jeez, that's so good
cbeach 4y ago
that is beautiful!
crazygringo 4y ago
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.
- rbanffy 4y ago
  Now all it needs is user head tracking to make the highlights and reflections move.
  - yreg 4y ago
    Accelerometer would also work, like in this library: https://github.com/maustinstar/shiny https://github.com/maustinstar/shiny
solardev 4y ago
Now THAT's really cool.
darepublic 4y ago
Yes that is to be expected. JS only gets involved in setting of CSS styles, not effecting appearance itself.
- tyingq 4y ago
  You would be surprised how many of these type of things are written in a way that they don't work at all without JS.
deleted 4y ago
[deleted]