transform-fixed-bg-003.html (1074B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title>CSS Test (Transforms): Fixed Background (with rotation)</title> 5 <link rel="author" title="Aryeh Gregor" href="mailto:ayg@aryeh.name"> 6 <link rel="author" title="L. David Baron" href="https://dbaron.org/"> 7 <link rel="author" title="Google" href="http://www.google.com/"> 8 <link rel="help" href="http://www.w3.org/TR/css-transforms-1/#transform-rendering"> 9 <meta name="assert" content='This is the same as transform-fixed-bg-001, 10 except that we also test that a rotation on a non-root element doesn't 11 affect fixed backgrounds.'> 12 <meta name="flags" content="svg"> 13 <link rel="match" href="transform-fixed-bg-ref.html"> 14 <meta name="fuzzy" content="maxDifference=0-1;totalPixels=0-200"> 15 <style> 16 body { 17 margin: 0; 18 } 19 div { 20 background: url(support/transform-triangle-down.svg) fixed; 21 width: 100px; 22 height: 100px; 23 transform: translate(50px, 50px) rotate(90deg); 24 } 25 </style> 26 </head> 27 <body> 28 <div></div> 29 </body> 30 </html>