transform-flattening-001.html

Enable keyboard shortcuts

This WPT test may be referenced by the following Test IDs:
- /css/css-transforms/transform-flattening-001.html - WPT Dashboard Interop Dashboard

<!doctype html>

<title>CSS Transforms: Transforms are flattened if transform-style is flat.</title>

<link rel="author" href="mailto:emilio@crisal.io" title="Emilio Cobos Álvarez">

<link rel="author" href="https://mozilla.org" title="Mozilla">

<link rel="help" href="https://drafts.csswg.org/css-transforms-2/#3d-rendering-context">

<link rel="mismatch" href="about:blank">

<!-- Should see a green rectangle, not white -->

<div style="transform: rotateX(45deg)">

  <div style="transform: rotateX(45deg); background: green; width: 100px; height: 100px"></div>

</div>