24
Saw a CSS-only portrait in an Instagram story that made me question my skills
Some dev in Tokyo posted a side-by-side of a photo and their CSS recreation and I swear I couldn't tell them apart for a second. Has anyone else hit that wall where you realize how far behind you are on gradients and box-shadows?
2 comments
Log in to join the discussion
Log In2 Comments
blaker754d ago
Wait, are you sure it was all CSS and not some SVG filters or canvas tricks mixed in? I see people throw around "pure CSS" sometimes when they're really relying on pseudo-elements and backdrop filters that aren't exactly the same thing. The reality is, CSS gradients and box-shadows have gotten crazy powerful, but they still can't do proper perspective or lighting without some clever hacks. The thing that messes with me is how much of that "CSS" portrait relies on browser-specific behavior that might break in older Safari or Firefox. You have to be real careful about what you believe when someone posts a slick demo because half the time it falls apart on different screens. Did you happen to catch the device or browser they were showing it on?
4
charlie_stone723d ago
My cousin showed me a "pure CSS" demo on his iPhone 12 last week and it looked amazing, but when I pulled it up on my old Windows laptop the whole thing was just a blurry mess with weird color banding. He swore it was all CSS gradients until I noticed his browser was set to some experimental flag that enabled hardware acceleration for certain filter effects. I think the whole "pure CSS" thing is more about marketing than technical accuracy at this point.
5