th: circle(closest-side at 40px 30px)"></div>
</div>
<div class="outer">
    <div class="inner" style="clip-path: circle(farthest-side)"></div>
</div>
<div class="outer">
    <div class="inner" style="clip-path: circle()"></div>
</div>
<div class="outer">
    <div class="inner" style="clip-path: circle(at 30% 40px)"></div>
</div>
<div class="outer">
    <div class="inner" style="clip-path: circle(farthest-side at -10px -10px)"></div>
</div>
<div class="outer">
    <div class="inner" style="clip-path: circle