GeezerVison

The World Wide Web, restored to 800 pixels of glory.

GeezerVison is showing javascript.info — Animated circle

Tutorial
Animation
CSS-animations

back to the lesson

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.

Open the solution in a sandbox.

You are visitor 01402503 — GeezerVison does not store the pages you look up.
Best viewed with Netscape Navigator 4.7 or Internet Explorer 6 at 800×600. No cookies required.