perspective-svg-001.html (693B)
1 <!DOCTYPE html> 2 <title>Perspective on SVG</title> 3 <link rel="help" href="https://drafts.csswg.org/css-transforms-2/#perspective-property"> 4 <link rel="help" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1741124"> 5 <link rel="match" href="perspective-svg-001-ref.html"> 6 <div style="perspective: 1500px;"> 7 <svg overflow="hidden" 8 width="100%" 9 height="100%" 10 viewBox="0 0 365760 205740" 11 style=" 12 backface-visibility: hidden; 13 transform: translate3d(0px, 0px, 0px) 14 rotate3d(0, 0, 0, 0deg) translate3d(0px, 0px, 0px) 15 translate3d(0px, 0px, 0px); 16 "> 17 <rect fill="green" width="100%" height="100%"></rect> 18 </svg> 19 </div>