Css con effeti dinamci

[deamon75]

Ho visto ultimamente alcuni siti che avevo elemente che si modificavano automaticamente... analizzando l'elemento con browser appunto vedevo che ad esempio in un div si aumentava automaticamente il width fino a raggiungere una determinata grandezza...

Come posso realizzare ció?
È solo CSS o cosa?

[deamon75]

EDIT:
Ora ho capito che bisogna usare Jquery e modificare il CSS tramite $(quelchevogliomoddare).css()
però non capisco come fare a rendere fluido un movimento... ad esempio ho fatto:

var i = $("div").width() -1;
while ( $("div").width() > 100 ) {
	$("div").css( { width : i } );
	i = $("div").width() -1;
};

Insomma una cosa del genere però il codice viene eseguito in un solo istante e qunidi non è fluido ma diretto, ergo appena carico la pagina nemmeno un millisecondo è già vedo il contenitore a 100px
invece io voglio che diminuisca gradualmente in stile progressbar...


Come posso fare??

[Mich_]

Trattandosi di Jquery (che utilizza JS), sposto nel forum Javascript.

[lucavizzi]

http://api.jquery.com/animate/

Ciao

[Xinod]

guarda "animate" di jquery
neanche in js classico si fanno le animazioni con cicli while e for, se poi gia' usi jquery usa i metodi di jquery

ciao

[deamon75]

Qualcuno sa farmi un esempio veloce su come con "animate()" trasformo un div da 100% a 10% in 5 secondi ??

Non mastico tantissimo inglese
però con l'esempio capisco subito come fare a modificare il tutto...


EDIT:
Da quel che ho letto al link credo sia qualcosa simile giusto:

$('#DivProva').animate({width:'10%'}, 5000);

Giusto?