Drie plugins voor animatie

Animatie toevoegen eenvoudiger dan je denkt.

Waarom zou je animatie aan je website toevoegen?

Animaties kunnen je website tot leven brengen. Een speels element dat de aandacht trekt, maar een animatie kan ook complexe informatie begrijpelijk maken.

Belangrijk is om animatie verstandig te gebruiken: overdaad schaadt. Subtiel d gebruik verbetert de ervaring en zet je boodschap kracht bij. Of je nu een knop laat oplichten, een illustratie tot leven brengt of een soepel scroll-effect toevoegt, animatie kan net dat beetje extra flair geven dat je website onderscheidt van de rest.

Je hoeft geen expert te zijn om toch een animatie toe te voegen met deze drie tools:

Twentig

Twentig je een prachtige website te ontwerpen. Combineer de Twentig Plugin met elk willekeurig blokthema, pas het aan naar smaak en behoefte — geen codering vereist. Helemaal gratis.

Page Scroll to ID

Page Scroll to ID is een plugin die het soms wat stuiterende gedrag van de browser vervangt door een moie vloeiende scroll- animatie. Te implementeren op de meest eenvoudige one-page website, navigatie op de pagina, back-to-top-links, etc.

Hover Effects

Hovereffects – creëer eenvoudig elk hovereffect. Alle effecten maken gebruik van één enkel element (met de hulp van enkele pseudo-elementen waar nodig), zijn op zichzelf staand, zodat je eenvoudig copy and paste.
Veel effecten gebruiken CSS3-functies zoals overgangen, transformaties en animaties. Oude browsers die deze functies niet ondersteunen, hebben mogelijk wat extra aandacht nodig om er zeker van te zijn dat een fallback-hovereffect nog steeds aanwezig is.

Veel success met het maken van je animatie!