individual-transform-2-ref.html (947B)
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 <style> 12 div { 13 position: fixed; 14 width: 100px; 15 height: 100px; 16 top: 200px; 17 left: 200px; 18 transform-origin: 0 0; 19 border-style: solid; 20 border-width: 10px 0px 10px 0px; 21 border-color: lime; 22 transform: translate(50px, 50px) rotate(45deg) scale(2, 2); 23 } 24 25 </style> 26 </head> 27 <body> 28 <div></div> 29 </body> 30 </html>