Important
Looks best in Chrome. Firefox handles sub-pixel rounding and gradient anti-aliasing differently than Chromium. This results in small/duplicating artifacts and misaligned edges that are not present in Chromium based browsers.
The line art and the colouring are rendered entirely through exploiting CSS gradients (94 in total) on a single div. No SVGs, pseudo-elements, or external assets are used.
To demonstrate the scale of the layering, the image below shows the result of replacing every colour (except transparent) with a unique random hex code:
The code in this repository is licensed under MIT-0. See license.md.
This project is a personal, non-commercial CSS art experiment and is not affiliated with or endorsed by the owners of the Doraemon intellectual property. Doraemon is a trademark and copyright of Fujiko Pro, Shin-Ei Animation, and TV Asahi.
The design is based on Shutterstock AI Asset #2718900541.