offset-rotate-003.html (807B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title>CSS Motion Path: offset-rotate</title> 5 <link rel="help" href="https://drafts.fxtf.org/motion-1/#offset-rotate-property"> 6 <link rel="match" href="offset-rotate-ref.html"> 7 <meta name="viewport" content="width=device-width,initial-scale=1"> 8 <meta name="assert" content="This tests offset-rotate <angle>"> 9 <meta name="fuzzy" content="maxDifference=0-1; totalPixels=0-57" /> 10 <style> 11 #target { 12 position: absolute; 13 left: 300px; 14 top: 100px; 15 width: 300px; 16 height: 200px; 17 background-color: lime; 18 transform-origin: 0px 0px; 19 offset-path: path('m 0 0 v -200 -200') ; 20 offset-rotate: 30deg; 21 } 22 </style> 23 </head> 24 <body> 25 <div id="target"></div> 26 </body> 27 </html>