offset-path-shape-xywh-003-ref.html (506B)
1 <!doctype html> 2 <meta charset="utf-8"> 3 <title>CSS Motion Path test reference: offset-path:xywh() path with explicit arguments and padding-box</title> 4 5 <style> 6 #outer { 7 top: 100px; 8 left: 100px; 9 position: relative; 10 width: 200px; 11 height: 100px; 12 padding: 50px; 13 border: 50px solid black; 14 } 15 #box { 16 background-color: green; 17 transform: translate(200px, 10px) rotate(90deg); 18 border-radius: 50% 50% 0 0; 19 width: 100px; 20 height: 100px; 21 } 22 </style> 23 24 <div id="outer"> 25 <div id="box"></div> 26 </div>