top | item 29949849 (no title) vortico | 4 years ago Bonus: Can this be a pure CSS library? discuss order hn newest jspash|4 years ago I thought CSS was generated by JS these days? Apparently it was too difficult to remain its own thing. roryokane|4 years ago Yes, most of it can. I remade this effect using CSS animations, as an exercise:Demo: https://css-demo-client-side-render-jankiness.roryokane1.rep...Source code: https://replit.com/@RoryOKane1/CSS-demo-client-side-render-j...However, a limitation of not using JavaScript is that I can’t randomize the changed properties: the page changes in the same way after every reload. brundolf|4 years ago I think you could do it with keyframes, though the "randomness" would have to be hard-coded (the same every time)
jspash|4 years ago I thought CSS was generated by JS these days? Apparently it was too difficult to remain its own thing.
roryokane|4 years ago Yes, most of it can. I remade this effect using CSS animations, as an exercise:Demo: https://css-demo-client-side-render-jankiness.roryokane1.rep...Source code: https://replit.com/@RoryOKane1/CSS-demo-client-side-render-j...However, a limitation of not using JavaScript is that I can’t randomize the changed properties: the page changes in the same way after every reload.
brundolf|4 years ago I think you could do it with keyframes, though the "randomness" would have to be hard-coded (the same every time)
jspash|4 years ago
roryokane|4 years ago
Demo: https://css-demo-client-side-render-jankiness.roryokane1.rep...
Source code: https://replit.com/@RoryOKane1/CSS-demo-client-side-render-j...
However, a limitation of not using JavaScript is that I can’t randomize the changed properties: the page changes in the same way after every reload.
brundolf|4 years ago