outside: circle(60% at 10% 30%);
}
</style>

<body></body>

<script>
/* TODO: add inset test once blend() works for it */

test_interpolation({
  property: 'shape-outside',
  from: neutralKeyframe,
  to: 'circle(40% at 20% 20%)',
}, [
  {at: -0.3, expect: 'circle(66% at 7% 33%)'},
  {at: 0, expect: 'circle(60% at 10% 30%)'},
  {at: 0.3, expect: 'circle(54% at 13% 27%)'},
  {at: 0.6, expect: 'circle(48% at 16% 24%)'},
  {at: 1, expect: 'circle(40% at 20% 20%)'},
  {at: 1.5, expect: 'circle(30% at 25% 15%)'},