"Phong-shaded 3D imagery does not provide geometric information of the same richness as human-drawn technical illustrations. A non-photorealistic lighting model is presented that attempts to narrow this gap. The model is based on practice in traditional technical illustration, where the lighting model uses both luminance and changes in hue to indicate surface orientation, reserving extreme lights and darks for edge lines and highlights. The lighting model allows shading to occur only in mid-tones so that edge lines and highlights remain visually prominent. In addition, we show how this lighting model is modified when portraying models of metal objects. These illustration methods give a clearer picture of shape, structure, and material composition than traditional computer graphics methods."
My one gripe is the copy button. It just says "CSS3 Code Copied". I have no idea if I copied some CSS lines or just the values for a background-color or a script that downloads malware.
background-image: linear-gradient( 135deg, #FDEB71 0%, #F8D800 100%);
Just throwing a hypothesis out there--I'm not a Mac nor IOS guy, and if those that find them especially pleasing by-and-large are then maybe that's the link. Again, that's just wild speculation without any data to back it up.
Then again, some of these style gradients are used in Ubuntu graphics too (and I again find their presence there a bit much,) so maybe there is a bigger shift towards them.
In any event, I'm guessing it is cultural and not hardwired by monkey-grandpa genes.
You get used to what you're exposed to. What looks hip and cool in graphic design from the 70s doesn't so pleasing today.
I don't know if MacOS or IOS uses such gradients, but I believe Apple Music at least does (do a Google image search for Apple Music), so it is mostly a hunch on my part.
Probably the same reason that visual contrast is so important in design.
I'm curious for a couple of reasons. Why hardcode the first CSS style, and generate the rest? If you're going to the effort of dynamically generating the CSS styles, why not have the actual dataset stored in JSON or another easily ingestible format, rather than in cumbersome HTML tags?