Posted By

COBOLdinosaur on 05/15/13

Tagged

css
html

Versions (?)

Last Edited at 05/15/13 05:51am

Statistics

Viewed 845 times

Favorited by 0 user(s)

Related snippets

Animating Shapes

/ Published in: JavaScript

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

Expand | Embed | Plain Text

Copy this code and paste it in your HTML

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);
}