individual-transform-2e.html (1032B)
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: 0px 50px; 24 transform: translateX(50px) rotate(45deg) scale(2, 2); 25 } 26 </style> 27 </head> 28 <body> 29 <div></div> 30 </body> 31 </html>