<!doctype html> <meta charset="utf-8"> <title>CSS Motion Path test: <basic-shape> polygon() path is closed with 2 points</title> <link rel="author" title="Daniil Sakhapov" href="sakhapov@google.com"> <link rel="match" href="offset-path-shape-polygon-002-ref.html"> <link rel="help" href="https://drafts.fxtf.org/motion/#valdef-offset-path-basic-shape"> <style> #outer { top: 100px; left: 100px; position: relative; width: 600px; height: 400px; } #box { background-color: green; position: relative; offset-path: polygon(50% 50%, 100% 100%); offset-distance: 150%; width: 100px; height: 100px; } </style> <div id="outer"> <div id="box"></div> </div>