| <!DOCTYPE html> |
| <title>Perspective on SVG</title> |
| <link rel="help" href="https://drafts.csswg.org/css-transforms-2/#perspective-property"> |
| <link rel="help" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1741124"> |
| <link rel="match" href="perspective-svg-001-ref.html"> |
| <div style="perspective: 1500px;"> |
| <svg overflow="hidden" |
| width="100%" |
| height="100%" |
| viewBox="0 0 365760 205740" |
| style=" |
| backface-visibility: hidden; |
| transform: translate3d(0px, 0px, 0px) |
| rotate3d(0, 0, 0, 0deg) translate3d(0px, 0px, 0px) |
| translate3d(0px, 0px, 0px); |
| "> |
| <rect fill="green" width="100%" height="100%"></rect> |
| </svg> |
| </div> |
