85261 2012-04-30 22:33:32 -0700 3d css doesn't respect implicit transform-style: flat 2022-09-29 18:00:52 -0700 1 1 1 Unclassified WebKit CSS 528+ (Nightly build) Mac Unspecified NEW https://bugs.webkit.org/show_bug.cgi?id=138124 http://greggman.com/downloads/examples/axis-diagram-bad.html InRadar P2 Normal --- 1 gman webkit-unassigned cmarrin dino kbr shawnsingh simon.fraser vangelis webkit-bug-importer oldest_to_newest 613242 0 gman 2012-04-30 22:33:32 -0700 the DOM hierarchy of the URL above is body __container ____stage ______shape ________tiltX __________plane ____________elem1 __________plane ____________elem2 __________plane ____________elem3 __________plane ____________elem4 ... elem1, through elem6 are the 6 planes of the cube, each with translation and rotation. But, "plane" does not have --webkit-transform-style: preserve-3d, only "tiltX" does which as AFAICT means elem1 through elem6 should be in just part of their parent "plane" element To make it clearer ________tiltX <- preserve-3d __________plane <- implicit flat ____________elem1 <- implicit flat + trans & rot based on my understanding of the spec, since "plane" is implicitly style "flat", "elem1" should not be "3d" 613483 1 gman 2012-05-01 09:49:00 -0700 PS:, the sample looks correct now but AFAICT it shouldn't. In order to work it should require .plane { -webkit-transform-style: preserve-3d; } 613543 2 simon.fraser 2012-05-01 11:13:49 -0700 Yes, we do not follow the 3d transforms spec very well in this area; the spec is still a bit fuzzy here. <rdar://problem/6438206>