Colour contrast still applies to illustrations that carry meaning. A bar chart drawn as blocks needs enough contrast between the bars and the floor, and labels on the faces need the same contrast as body text. Decorative scenes have more freedom, but we still avoid pale blocks on a pale background.
Browser support for 3D transforms is excellent today, with a few sharp edges. The main one is that certain properties, such as overflow hidden or some filters, quietly flatten a preserve-3d context. If a face disappears or a block turns flat, look for one of those on an ancestor before you start rewriting your transforms.
Tess Walsh
The paper cube exercise sounds fun. Are the templates available somewhere?
Mateo Rossi
Works nicely in Firefox. Safari needed the prefixed transform-style for us.
Lena Vogel
We used the grid background on our docs site and it looks great with a dark theme too.
Dana Ortiz
Great write-up. Would love a follow-up on doing the same thing with SVG.
Quinn Adler
Agreed, this is the part most tutorials skip.
Theo OkaforAuthor
Yes, container queries work well; we will cover them soon.
Rosa Medina
Good question. Usually that means something is flattening the 3D context; check for overflow hidden on a parent.
Kofi Mensah
Tiny typo in the second code block: the unit is missing on the translate value.
Pia Jensen
This is the clearest explanation of draw order I have read.