animate-circle.md

EN

• <a href="https://ar.javascript.info/"
• <a href="animate-circle.html" animate-circle"

animate-circleanimate-circle"

• /" /animate-circle" /animate-circle" ask/animate-circle"k%2Fanimate-circle"%2Fanimate-circle"

<a href="../animation.html" Animation

<a href="../css-animations.html" CSS-animations

<a href="../css-animations.html"

Animated circle

importance: 5

Create a function showCircle(cx, cy, radius) that shows an animated growing circle.

• cx,cy are window-relative coordinates of the center of the circle,
• radius is the radius of the circle.

Click the button below to see how it should look like:

The source document has an example of a circle with right styles, so the task is precisely to do the animation right.

Open a sandbox for the task.

solution

Open the solution in a sandbox.