offset-path-coord-box-004.html (691B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title>CSS Motion Path: offset-path:stoke-box paths</title> 5 <link rel="help" href="https://drafts.fxtf.org/motion-1/#valdef-offset-path-coord-box"> 6 <link rel="match" href="offset-path-coord-box-004-ref.html"> 7 <meta name="assert" content="This tests that offset-path:stroke-box generates a rotation and translation."> 8 <style> 9 #target { 10 position: absolute; 11 left: 300px; 12 top: 0px; 13 width: 300px; 14 height: 200px; 15 background-color: lime; 16 transform-origin: 0px 0px; 17 offset-path: stroke-box; 18 } 19 </style> 20 </head> 21 <body> 22 <div id="target"></div> 23 </body> 24 </html>