individual-transform-2c.html (1025B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>Individual transform: combine individual transform properties</title> 6 <link rel="author" title="CJ Ku" href="mailto:cku@mozilla.com"> 7 <link rel="author" title="Mozilla" href="https://www.mozilla.org"> 8 <link rel="help" href="https://drafts.csswg.org/css-transforms-2/#individual-transforms"> 9 <link rel="help" href="https://drafts.csswg.org/css-transforms-2/#ctm"> 10 <meta name="assert" content="Tests that we combine transforms in the correct order."/> 11 <link rel="match" href="individual-transform-2-ref.html"> 12 <style> 13 div { 14 position: fixed; 15 width: 100px; 16 height: 100px; 17 top: 200px; 18 left: 200px; 19 transform-origin: 0 0; 20 border-style: solid; 21 border-width: 10px 0px 10px 0px; 22 border-color: lime; 23 translate: 50px 50px; 24 rotate: 45deg; 25 transform: scale(2, 2); 26 } 27 </style> 28 </head> 29 <body> 30 <div></div> 31 </body> 32 </html>