The CSS3 animacijos leiskite animuoti perėjimą tarp vieno CSS stiliaus ir kito. Jie susideda iš dviejų komponentų. Viena vertus, mes turime stilių, apibūdinantį animaciją, ir, kita vertus, rėmelių rinkinį, nurodantį jo pradinę ir galutinę būseną.
CSS animacijos jie turi tam tikrų pranašumų kadangi juos atlikti yra gana paprasta, palyginti su tradiciniais scenarijų metodais, todėl, jei naudosime labai įdomius ir kokybiškus šaltinius, darbas bus dar lengvesnis. Tačiau tam reikia laiko ir gali būti labai sunku, todėl šie išteklių šaltiniai gali būti naudingi.
Lengvinimo funkcija
tai nurodykite greitį animacija, kad ji būtų realistiškesnė. Stalčius atidaromas, suteikiamas pagreitis ir galiausiai jis stabdomas. Kai kažkas krenta, tai pirmiausia greitai nusileidžia, kad galų gale atšoktų. Norimą funkciją rasite šiame easing.net puslapyje. Geriausia tai, kad tai yra mūsų kalba, kad jums būtų lengviau naudotis šia svetaine.
Animate.css
Danas Edenas yra sudaręs a CSS animacijos biblioteka labai gražaus, kurį galite panaudoti savo projektuose. Pats projektas yra puikus įkvėpimo šaltinis.
„Animuoti plius“
Juosta yra gerai žinoma dėl savo produktų puslapių, kuriuose yra a gran calidad visose animacijose, kurias ji turi. Vienas iš tų animacijų kūrybinių galvų yra Benjaminas De Cockas, sukūręs CSS ir SVG animacijos biblioteką, kuri veikia labai gerai ir yra nedidelio svorio; puikiai tinka mobiliesiems.
Hover.css
Panašus šaltinis kaip Animate.css, Hover.css yra CSS efektų rinkimas kad juos galite laisvai naudoti savo projektuose. Jis orientuotas į nuorodų, mygtukų, vaizdų ir dar daugiau užveskite pelės žymeklį.