offset-path-shape-polygon-003-ref.html (538B)
1 <!doctype html> 2 <meta charset="utf-8"> 3 <title>CSS Motion Path test: <basic-shape> polygon() path with points as percentage and pixels</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 width: 600px; 12 height: 400px; 13 } 14 #box { 15 background-color: green; 16 transform: translate(479.461px, -2.97412px) rotate(-33.6901deg) translate(40px, 45px); 17 width: 100px; 18 height: 100px; 19 } 20 </style> 21 22 <div id="outer"> 23 <div id="box"></div> 24 </div>