Post Reply 
 
Thread Rating:
  • 0 Votes - 0 Average
  • 1
  • 2
  • 3
  • 4
  • 5
Tango Dance Club
06-24-2021, 04:28 PM (This post was last modified: 06-24-2021 04:40 PM by The Professor.)
Post: #1
Tango Dance Club
http://d21c.com/leprofesseur/tango-club.html

This is the script to move bottom right dancer


function movet8(){
var step=-1;
var x=document.getElementById('tango8').offsetLeft;
var y=document.getElementById('tango8').offsetTop;
if(y > 406 )
{y= y +step;x=x -1;
document.getElementById('tango8').style.left= x + "px";
document.getElementById('tango8').style.top= y + "px";
setTimeout('movet8()',50);}
else { setTimeout("movet5()",1000);}
}

Y sets the vertical destination x is incremented for horizontal destination
minus value is up or left and plus value is down or right

This is the css code that varies each element opacity

.delay {
animation-name: wait;
animation-delay: 0s;
animation-duration: 20s;
animation-iteration-count: 1;
}
@keyframes wait{0%{opacity:0.2}100%{opacity:1}}

each element is assigned its own class eg(.delay-element id)
with hte appropriate delay/duration and iteration
Visit this user's website Find all posts by this user
Quote this message in a reply
06-28-2021, 04:28 PM
Post: #2
RE: Tango Dance Club
Looks complicated. Nice work.

LingoLinda
[Image: countup.php]
[Image: rotate.php]
Visit this user's website Find all posts by this user
Quote this message in a reply
Post Reply 


Forum Jump:


User(s) browsing this thread: 1 Guest(s)