ugrás a tartalomhoz

Archívum - Dec 13, 2013 - Fórum téma

CSS3 div méretváltoztatás animálással

toldigabor · 2013. Dec. 13. (P), 15.16
Szeretném a weblapomon egy div méretét megváltoztatni animálással, amikor betöltődik az oldal.

div_nev.style.setProperty("-webkit-transition", "width 2s linear");
var nagyit = function(){
    div_nev.style.setProperty("width", magassag+"px");
   
}
nagyit();


Ez így működik, ha csak a szélességet adom meg, de ha emellett megadom a height-et is, akkor nem csinálja egyszerre mind a kettőt.

div_nev.style.setProperty("-webkit-transition", "width 2s linear");
div_nev.style.setProperty("-webkit-transition", "height 2s linear");
var nagyit = function(){
    div_nev.style.setProperty("width", magassag+"px");
div_nev.style.setProperty("height", szelesseg+"px");
   
}
nagyit();


Ekkor csak a magasságát változtatja, a szélesség egyből arra ugrik és az nem animálódik. Hogy lehet, hogy mind a kettőt animálja?
 

Wampserver Windows 8 alatt

toldigabor · 2013. Dec. 13. (P), 07.06
Használ valaki Windows 8 alatt wampserver-t, mert nem igazán akar működni: indítás után nem vált át az ikonja pirosról zöldre.