Animating Shapes - JavaScript Snipplr Social Repository

Revision: 63539

at May 15, 2013 05:51 by COBOLdinosaur

Initial Code

BR=0;
el=false;
incr=0;
function doOneLoop(x,i)
{
    x.style.borderRadius=BR+'%';
    BR+=i;
    incr=(BR<5) ? 5 : i;
    if (BR<55) tout=setTimeout('doOneLoop(el,incr)',200);
 }
function doOne()
{
    el=document.getElementById('fx1');
    BR=50;
    incr=-5;
    tout=setTimeout('doOneLoop(el,incr)',100);
}

Initial URL

http://coboldinosaur.com/pages/shapes-art.html

Initial Description

Changes shape back and forth from a round element to a square element.

Initial Title

Animating Shapes

Initial Tags

css, html

Initial Language

JavaScript

Choose a language for easy browsing: