az CSS3 animációk animálja az egyik CSS stílus és egy másik közötti átmenetet. Ezek két komponensből állnak. Egyrészt megvan a stílus, amely leírja az animációt, másrészt a keretkészlet, amely jelzi annak kezdeti és végső állapotát.
CSS animációk van néhány előnyük mivel ezeket a hagyományos szkriptelési technikákkal összehasonlítva meglehetősen egyszerű elvégezni, és ezért, ha nagyon érdekes és minőségi erőforrásokat használunk, a munka még könnyebb lesz. Ez azonban időbe telik, és nagyon nehéz lehet, ezért ezek az erőforrások jól jöhetnek.
Könnyítő funkció
ezt adja meg a sebességet animáció, hogy reálisabb legyen. A fiókot kinyitják, gyorsulást adnak és végül lefékezik. Ha valami leesik, először gyorsan lemegy, és végül pattog. A kívánt funkciót ezen az easing.net oldalon találja meg. A legjobb az, hogy a mi nyelvünkön van, így könnyebben használhatja ezt a weboldalt.
Animate.css
Dan Eden összeállította a CSS animációs könyvtár nagyon szép, amelyet felhasználhat a projektjeiben. Maga a projekt nagyszerű inspirációs forrás.
Animáció Plusz
A Stripe jól ismert olyan termékoldalairól, amelyek a gran calidad minden animációjában van. Az animációk egyik kreatív elméje Benjamin De Cock, aki CSS és SVG animációk könyvtárát hozta létre, amely nagyon jól teljesít és könnyű; tökéletes mobil.
Hover.css
Az Animate.css, a Hover.css fájlhoz hasonló erőforrás a CSS effektgyűjtemény hogy szabadon felhasználhatja őket a projektjeiben. A hivatkozások, gombok, képek és egyebek lebegő effektjeire összpontosít.