offset-anchor-transform-box-fill-box-001.html (656B)
1 <!DOCTYPE html> 2 <title>CSS Motion Path: Default offset-anchor with transform-box: fill-box</title> 3 <link rel="help" href="https://drafts.fxtf.org/motion-1/#offset-anchor-property"> 4 <link rel="match" href="offset-anchor-transform-box-fill-box-ref.html"> 5 <meta name="assert" content="Tests default offset-anchor together with a fill-box transform-box"> 6 <style> 7 #target { 8 transform-box: fill-box; 9 transform-origin: 25% 25%; 10 offset-path: path("M75,-25v100"); 11 offset-distance: 50%; 12 } 13 </style> 14 <svg width="400" height="400"> 15 <rect width="100" height="100" fill="red"/> 16 <rect id="target" x="150" y="100" width="100" height="100" fill="green"/> 17 </svg>