<!doctype html> <meta charset="utf-8"> <title>CSS Motion Path test: <basic-shape> circle() path with border radius on container</title> <meta name="fuzzy" content="maxDifference=0-100; totalPixels=0-500" /> <link rel="match" href="offset-path-shape-circle-005-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; border-radius: 50%; } #box { background-color: green; position: relative; offset-path: circle(100px); offset-position: normal; width: 100px; height: 100px; } </style> <div id="outer"> <div id="box"></div> </div>