Det verkar som att det varje dag finns ett nytt animationsbibliotek och nya verktyg för utvecklare.
Med CSS3s popularitet kan jag helt förstå varför utvecklare skapar så många resurser. Särskilt ett nytt bibliotek fångade mig nyligen: Viviifiera.
Detta är ett gratis animationsbibliotek byggt i CSS och fungerar som Animate.css. Det erbjuder dock helt unika animationer som du inte hittar någon annanstans.
Skulle du kunna skapa dessa animationer själv från grunden? Säkert.
Men det kommer att ta mycket arbete och är inte den lättaste processen. Jag rekommenderar att du arbetar med något som Vivify eftersom det sparar tid istället för att återuppfinna hjulet.
Du kan se alla deras fördesignade animationsstilar direkt i Hemsida.
Där hittar du även en länk till GitHub-förråd där du kan få en kopia av det senaste skriptet. Just nu behöver du bara Vivify CSS-filen i rubriken på din sida, och den borde fungera som en charm.
Med Vivify kan du också konfigurera förseningar till dina animationer. På så sätt kan du definiera när de ska springa och när besökaren ser dem.
Eller så kan du använda JavaScript för att dynamiskt lägga till dessa klasser till dina sidelement när de väl dyker upp. Massor av alternativ, massor av funktioner och gott om utrymme för anpassning.
För att komma igång besöker du bara huvud GitHub och ladda ner källkoden.
Därifrån kan du prova några av demofilerna och till och med förhandsgranska några av proverna på huvudsidan. Det tar bara några rader kod för att få detta att fungera och jag garanterar att du kommer att älska dina nya animationer.
