Typography on a tilted plane is readable only in small doses. A single word on the side of a block looks great; a paragraph set at an angle is exhausting. Keep running text flat and upright, and save the skewed type for labels, numbers and the occasional headline where the shape of the word matters more than speed.
Textures that survive the isometric skew
3 imagesJPG, 1200 × 1200
SVG is often the better choice for complex scenes. CSS cubes are fun to build and easy to animate, but a city block made of hundreds of divs is hard to change and heavy to render. We draw the static parts in SVG, keep the interactive blocks in CSS, and layer the two together.
Soren Dahl
I tried this on an old iPad and one of the faces flickers on hover. Any idea why?
June Park
Has anyone tried this with container queries? Feels like a good fit.