offset-path-coord-box-002-ref.html (543B)
1 <!doctype html> 2 <meta charset="utf-8"> 3 <title>CSS Motion Path test reference: <coord-box> <padding-box></title> 4 <link rel="author" title="Daniil Sakhapov" href="sakhapov@google.com"> 5 6 <style> 7 #outer { 8 top: 100px; 9 left: 100px; 10 position: relative; 11 border: 10px solid black; 12 width: 600px; 13 height: 400px; 14 } 15 #box { 16 background-color: green; 17 position: relative; 18 top: 100px; 19 left: 100px; 20 transform: translate(150px, -150px); 21 width: 100px; 22 height: 100px; 23 } 24 </style> 25 26 <div id="outer"> 27 <div id="box"></div> 28 </div>