← Back to release summary

Force flattening for elements with opacity < 1

Category

Performance

Type

New or changed feature

Status

Enabled by default (Chrome 53)

Intent stage

None

Summary

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

Standards & signals

• Specification: https://drafts.csswg.org/css-transforms/#grouping-property-values
• Firefox: Positive
• Safari: Positive
• Web developers: No signals
• Tracking bug: https://bugs.chromium.org/p/chromium/issues/detail?id=617798

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

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

View on chromestatus.com