Comment alterné au hasard une animation en SVG ?
Bonjour !
j'ai un léger soucis.
Je réalisé une "carte de voeux" sur JS et j'ai deux éléments SVG dans une boucle sous la forme de carte qui s'envoie au hasard mais je voudrais alterner entre les deux "cartes" à chaque fois qu'elle s'envoie ( ex: une noir puis une blanche... )
voici mon script et j'ai deux éléments <svg> dans une boucle avec chacun un ID
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
| var svg = document.querySelector('#root');
var symbole = document.querySelector('use');
var intervalID = window.setInterval(myCallback, 100);
var count=1;
function myCallback() {
count++;
var clone = symbole.cloneNode('true');
var random_a = Math.random() * 1300 - 700;
var random_b = Math.random() * 1300 - 700;
svg.appendChild(clone);
tl = new TimelineMax();
tl.to('use:last-child',1,{x:random_a,y:random_b,opacity:1,rotation:random_a,transformOrigin:"20% 40%"});
} |
Voila bonne soirée a vous :)
