Force flattening for elements with opacity < 1

3D-positioned descendants will be flattened by an ancestor that has opacity. Previously it did not, if that ancestor also specified transform-style: preserve-3d

Demo

• https://googlechrome.github.io/samples/css-opacity-force-flattening/index.html

Documentation

• https://docs.google.com/document/d/1xdOyUKXYCKKcMJd8fFyuG0JLTi72ajqQx8h1w1MXKWw/edit#

Specification

Editor's draft

Status in Chromium

Blink components: Blink

Enabled by default (launch bug) in:

• Chrome for desktop release 53
• Opera release 40
• Opera for Android release 40

Consensus & Standardization

• Firefox: Public support
• Edge: No public signals
• Safari: Public support
• Web Developers: No signals

Owners

• chrishtr@chromium.org
• trchen@chromium.org

Last updated on 2017-06-14