Det verkar som att det varje dag finns ett nytt animationsbibliotek och nya verktyg f\u00f6r utvecklare.<\/p>\n
Med CSS3s popularitet kan jag helt f\u00f6rst\u00e5 varf\u00f6r utvecklare skapar s\u00e5 m\u00e5nga resurser. S\u00e4rskilt ett nytt bibliotek f\u00e5ngade mig nyligen: Viviifiera<\/a>.<\/p>\n Detta \u00e4r ett gratis animationsbibliotek byggt i CSS och fungerar som Animate.css. Det erbjuder dock helt unika animationer<\/strong> som du inte hittar n\u00e5gon annanstans.<\/p>\n Skulle du kunna skapa dessa animationer sj\u00e4lv fr\u00e5n grunden? S\u00e4kert.<\/p>\n Men det kommer att ta mycket arbete och \u00e4r inte den l\u00e4ttaste processen. Jag rekommenderar att du arbetar med n\u00e5got som Vivify eftersom det sparar tid ist\u00e4llet f\u00f6r att \u00e5teruppfinna hjulet.<\/p>\n Du kan se alla deras f\u00f6rdesignade animationsstilar direkt i Hemsida<\/a>.<\/p>\n D\u00e4r hittar du \u00e4ven en l\u00e4nk till GitHub-f\u00f6rr\u00e5d<\/a> d\u00e4r du kan f\u00e5 en kopia av det senaste skriptet. Just nu beh\u00f6ver du bara Vivify CSS-filen i rubriken p\u00e5 din sida, och den borde fungera som en charm.<\/p>\n Med Vivify kan du ocks\u00e5 konfigurera f\u00f6rseningar<\/strong> till dina animationer. P\u00e5 s\u00e5 s\u00e4tt kan du definiera n\u00e4r de ska springa och n\u00e4r bes\u00f6karen ser dem.<\/p>\n Eller s\u00e5 kan du anv\u00e4nda JavaScript f\u00f6r att dynamiskt l\u00e4gga till dessa klasser till dina sidelement n\u00e4r de v\u00e4l dyker upp. Massor av alternativ, massor av funktioner och gott om utrymme f\u00f6r anpassning.<\/p>\n