Re: [csswg-drafts] [css-transforms-2] Preserve-3d + backface visibility semantics need to be clarified (#918)

• From: Chris Harrelson via GitHub <sysbot+gh@w3.org>
• Date: Fri, 20 Sep 2019 23:20:30 +0000
• To: public-css-archive@w3.org
• Message-ID: <issue_comment.created-533742030-1569021629-sysbot+gh@w3.org>

For preserve-3d: we could use the same concept.

Proposal: only elements that induce pseudo stacking contexts can cause flattening.

Thus this example would preserve 3d across the `#middle` div:

```
<div style="transform-style: preserve-3d">
  <div id=middle>
    <div style="transform: rotateX(100px)"></div>
  </div>
</div>
```

But not:

```
<div style="transform-style: preserve-3d">
  <div id=middle style='position: relative'>
    <div style="transform: rotateX(100px)"></div>
  </div>
</div>
```

This will probably improve interop, makes it a bit easier to structure content in some cases, and may be more consistent to reason about if we do the same thing for `backface-visibility: hidden`.


-- 
GitHub Notification of comment by chrishtr
Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/918#issuecomment-533742030 using your GitHub account

Received on Friday, 20 September 2019 23:20:31 UTC