<!doctype html> <meta charset="utf-8"> <title>CSS Motion Path test: ray() path with offset-position specified with position</title> <link rel="author" title="Daniil Sakhapov" href="sakhapov@google.com"> <link rel="match" href="offset-path-ray-012-ref.html"> <link rel="help" href="https://drafts.fxtf.org/motion/#ray-function"> <style> #outer { top: 100px; left: 100px; position: relative; width: 600px; height: 400px; } #box { background-color: green; position: relative; top: 100px; left: 100px; offset-path: ray(180deg closest-side); offset-distance: 100%; offset-position: 10px 90%; width: 100px; height: 100px; } </style> <div id="outer"> <div id="box"></div> </div>