Potrebna pomoc oko javascript animacije!

[Pepi1]

Dobar dan,dobio sam zadatak da napravim javascript animaciju koja koristi jquery...Treba da napravim 4 objekta od kojih jedan na klik menja velicinu dok drugi prelaskom misa menja boju...Kada bu neko mogao da mi neko bio u mogucnosti da mi pomogne bilo bi super!

[Jee]

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

[h8er]

Za menjanje boje ti je potreban i jquery UI.

 

https://jsfiddle.net/5Lcfgjc0/2/

 

[vili]

Ufff... ja bih izbegao jquery-ui po svaku cenu

Nekada davno je bio zgodan, ali ga je vreme pregazilo (i ne govorim o sebi ;))

[Jee]

Naravno ali momak je postavio pitanje i dobio odgovor.

 

Animation quick tips:

- Koristiš Velocity.JS ili GSAP biblioteke. Velocity je dosta bolji od jQuery-a, GSAP je mnogo, mnogo bolji.

- Ne animiraš height osim ako apsolutno moraš.

- Ako radiš za mobile ne animiraš height.

- Ako nešto pomeraš radi to sa transformom ne sa x/y koordinatama.

- Ako animiraš više parametara poželjno ih je sve offsetovati sa malim delay-em zarad optimizacije.

- Nemoj nikada imati X animacija odjednom (da znam da demo to pokazuje ali u praksi...)

- Ako animiraš nešto preko JS-a nemoj koristiti i CSS tranzicije

 

 

 

Vili, sve okej❓

[vili]

@Dzi

Procitaj ponovo moj komentar - nije se odnosio na jquery, nego na jquery-UI ;)

[kobayashi]

Ako se koristi i Angular, onda umesto jquery-ui može PrimeNG https://www.primefaces.org/primeng/#/