Layout support for new circle shape syntax

LayoutTests/fast/shapes/shape-inside/shape-inside-animation.html

Index: LayoutTests/fast/shapes/shape-inside/shape-inside-animation.html
diff --git a/LayoutTests/fast/shapes/shape-inside/shape-inside-animation.html b/LayoutTests/fast/shapes/shape-inside/shape-inside-animation.html
index 2050cbddd7c31063d44bf250b1ad773c024a595d..b3b901214ca9e5b3c9c33f89229c99c88fbe86e1 100644
--- a/LayoutTests/fast/shapes/shape-inside/shape-inside-animation.html
+++ b/LayoutTests/fast/shapes/shape-inside/shape-inside-animation.html
@@ -33,8 +33,8 @@
     }
 
     @-webkit-keyframes circle-anim {
-        from { shape-inside: circle(50%, 50%, 50%); }
-        to   { shape-inside: circle(20%, 20%, 20%); }
+        from { shape-inside: circle(50% at 50% 50%); }
+        to   { shape-inside: circle(20% at 20% 20%); }
     }
 
     @-webkit-keyframes ellipse-anim {
@@ -53,7 +53,7 @@
     const expectedValues = [
       // [time, element-id, property, expected-value, tolerance]
       [1, "rectangle-box", "shapeInside", "rectangle(10%, 10%, 80%, 80%, 0px, 0px)", 0.05],
-      [1, "circle-box", "shapeInside", "circle(35%, 35%, 35%)", 0.05],
+      [1, "circle-box", "shapeInside", "circle(35% at 35% 35%)", 0.05],
       [1, "ellipse-box", "shapeInside", "ellipse(35%, 35%, 35%, 30%)", 0.05],
       [1, "polygon-box", "shapeInside", "polygon(nonzero, 10% 10%, 90% 10%, 90% 90%, 10% 90%)", 0.05],
     ];