Archívum - Dec 13, 2013 - Fórum téma
CSS3 div méretváltoztatás animálással
Szeretném a weblapomon egy div méretét megváltoztatni animálással, amikor betöltődik az oldal.
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.
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?
■ div_nev.style.setProperty("-webkit-transition", "width 2s linear");
var nagyit = function(){
div_nev.style.setProperty("width", magassag+"px");
}
nagyit();
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();
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
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.
■ 
