CSS Transitions nemoj koristit narednih 3 godine, jer ga svaki browser drugačije podržava ako ga i podržava, jQuery je puno bolja opcija, najbolja opcija ti je ovo: LINK
CSS3 je sadašnjost, takve animacije se ionako koriste samo u prezentacijske svrhe, a ne radi funkcionalnosti, tako da se pobrineš da imaš fallback za starije browsere i to je to.
Ako nepodrška ne utječe na funkcionalnost, zašto ne koristiti?
Evo, ovaj demo CSS3 animated dropdown menu - demo radi dobro u Chromeu.
U IE9 se ne vidi transition, ali izbornik je i dalje funkcionalan, a IE9 korisnici neće ni znati da nešto propuštaju.
Ja sam za jQuery, jer nevidim smisao da korisnici Chromea i FFa imaju animaciju a korisnici IE-a nemaju, čak i te animacije se razlikuju od verzije do verzije browsera.
Za sada najbolje radi jQuery, sa blagom iznimkom Firefoxa koji ga najlošije renderira od ovih poznatijih browsera, bar si ziher da radi a pitanje vremena je kada će radit glatko kao u Chromeu i IEu.
Bitna prednost jQueryja je jednostavnost koda kojim radiš animiranje, neusporedivo jednostavnije (kraće) od CSS transitiona. Nadam se da za godinu dve ove diskusije neće više bit, ali živi bili pa umrli
[quote=“Uber_Gosu”]Ja sam za jQuery, jer nevidim smisao da korisnici Chromea i FFa imaju animaciju a korisnici IE-a nemaju, čak i te animacije se razlikuju od verzije do verzije browsera.
Za sada najbolje radi jQuery, sa blagom iznimkom Firefoxa koji ga najlošije renderira od ovih poznatijih browsera, bar si ziher da radi a pitanje vremena je kada će radit glatko kao u Chromeu i IEu.
Bitna prednost jQueryja je jednostavnost koda kojim radiš animiranje, neusporedivo jednostavnije (kraće) od CSS transitiona. Nadam se da za godinu dve ove diskusije neće više bit, ali živi bili pa umrli :p[/quote]
Ali zato radi najsporije
Za godinu dvije će doći CSS4 koji opet neće biti podržan od strane svih browsera, dokle ćeš čekati
-webkit-transition: color 0.3s ease-in-out 0s;
-moz-transition: color 0.3s ease-in-out 0s;
-ms-transition: color 0.3s ease-in-out 0s;
-o-transition: color 0.3s ease-in-out 0s;
transition: color 0.3s ease-in-out 0s;
sada sam se pozabavio sa time i ovaj GSAP je dobar ali kod odabira objekta
TweenLite.to(logo, 1, {left:"632px"});
u ovom primjeru logo, nema predznaka # ili .
jer ako se doda onda ne radi, ali onda nastaje problem jer ovaj jquery samo radi s div id-ovima
a ne radi s div class objektima… onda ako i napravim da taj objekt bude div id
onda recimo ovaj objekt neće raditi : #categories.nav li ul i onda kad ubacim ovako : categories.nav li ul isti vrag…
jer nesmije biti razmaka… kak to srediti tj. dali je moguće da to proradi sa gore navedenim objetkom ?
[quote=“APazinjan”]Ali zato radi najsporije
Za godinu dvije će doći CSS4 koji opet neće biti podržan od strane svih browsera, dokle ćeš čekati :)[/quote]
[quote=“gambo”]CSS4 je još u izradi Selectors Level 4
Neki čekaju CSS5 da bi počeli koristiti CSS3 :zub:[/quote]
kad otvorim početnu stranicu ili bilo koju drugu od wp teme i sa mišem pređem preko izborniku da bi mi se otvorio odnosno prikazao submenu dogodi se ovo da samo prvi prijelaz mišem submenu se prikaže normalno kao da nema nikakvog .js file vezanog za slideup i slidedown, ako ponovo pređem mišem nakon toga ili bilo kolko puta kasnije submenu se prikazuje kako bi se trebao prikazavit pomoću .js file koje je vezan za to. ako refresham stranicu opet ista stvar da prvi prikaz submenu-a je standaran, a tek nakon toga radi kako treba…
kaj bi trebao napraviti da odmah od prve radi kako treba ?