4 ms·

Is anyone actually using 3D shapes in CSS in practice for anything more than novelty? If they are, I haven't seen it. It's been more of a "look what I can do wi

Is anyone actually using 3D shapes in CSS in practice for anything more than novelty? If they are, I haven't seen it. It's been more of a "look what I can do with just CSS", because it's fun to hack around with new technology.

untog 13y ago
I played around creating a flippable-card based UI for use on mobile: http://experimenting.alastair.is/cardswipe/ http://experimenting.alastair.is/cardswipe/ I think it has potential. And yes, I know it doesn't feel quite right (or work on desktop), it was the result of a few hours of work. The hardware-accelerated nature of it means that it does feel very smooth indeed.
fiepw 13y ago
I have built a very specific product preview with 3D CSS (http://www.foldable.me http://www.foldable.me) and have experimented some more with 3D CSS, but struggled to find a usecase for it (other than some funky UI animations).
geon 13y ago
Exactly. It's the CSS equivalent of writin a Brainfuck interpreter in C++ template metaprogramming. http://rfw.name/blog/2012/11/12/brainfuck_with_templates.html http://rfw.name/blog/2012/11/12/brainfuck_with_templates.htm...
dsego 13y ago
well, declaring a css transform as 3d, even if just using it for 2d transforms, seems to trigger GPU acceleration in some browsers, notably iOS. so, it's a new hack to use (margin: 0 auto; is so last year).