offset-path-coord-box-001.html (782B)
1 <!doctype html> 2 <meta charset="utf-8"> 3 <title>CSS Motion Path test: <coord-box> <border-box></title> 4 <link rel="author" title="Daniil Sakhapov" href="sakhapov@google.com"> 5 <link rel="match" href="offset-path-coord-box-001-ref.html"> 6 <link rel="help" href="https://drafts.fxtf.org/motion/#valdef-offset-path-coord-box"> 7 <meta name="fuzzy" content="maxDifference=0-100; totalPixels=0-450"> 8 9 <style> 10 #outer { 11 top: 100px; 12 left: 100px; 13 position: relative; 14 border-radius: 50%; 15 border: 10px solid black; 16 width: 400px; 17 height: 400px; 18 } 19 #box { 20 background-color: green; 21 top: 100px; 22 left: 100px; 23 position: relative; 24 offset-path: border-box; 25 offset-distance: 25%; 26 width: 100px; 27 height: 100px; 28 } 29 </style> 30 31 <div id="outer"> 32 <div id="box"></div> 33 </div>