Avatar
alex
Člen
Avatar
alex:

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):

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
Nesnáším {}, proto se jim vyhýbám.
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.