Vydělávej až 160.000 Kč měsíčně! Akreditované rekvalifikační kurzy s garancí práce od 0 Kč. Více informací.
Hledáme nové posily do ITnetwork týmu. Podívej se na volné pozice a přidej se do nejagilnější firmy na trhu - Více informací.

Diskuze: CloneNode a transition

Aktivity
Avatar
alex
Člen
Avatar
alex:28.2.2015 22:30

Ahoj, akym spôsobom sa da animovat clonovany element? resp

<div id="container"></div>
<p class="copy">kopiruj</p>
#container{
width:50px;
height:20px;
border:1px solid green
}
.copy{
opacity:0
-webkit-transition:.5s ease all
}
.copy.zmena{
opacity:1
}

a js

window.onclick=function()
{
   var container=document.getElementById("container");
   var element=document.getElementsByClassName("copy")[0];
   var kopia=element.cloneNode(true);
   container.appendChild(kopia);
   kopia.classList.add("zmena")
}

Tento kod sice naklonuje prvok a hodi ho do #container, ale nevykona sa efekt animacie s transition , je nejaky sposob ako naklonovat prvok a nasledne ho hodit do spominaneho #container aby sa vyvolal transition efekt?

 
Odpovědět
28.2.2015 22:30
Avatar
Odpovídá na alex
Michal Žůrek - misaz:28.2.2015 22:51

klonování není přechod. Vytvoř si tam v CSS animaci a tu nastav aby proběhla jednou.

 
Nahoru Odpovědět
28.2.2015 22:51
Děláme co je v našich silách, aby byly zdejší diskuze co nejkvalitnější. Proto do nich také mohou přispívat pouze registrovaní členové. Pro zapojení do diskuze se přihlas. Pokud ještě nemáš účet, zaregistruj se, je to zdarma.

Zobrazeno 2 zpráv z 2.