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