Glide is in dezelfde klasse met Animate.css en Anijs , waardoor ontwikkelaars om optimaal te profiteren van de animatie mogelijkheden geïntroduceerd met de CSS3 aanbeveling.
De bibliotheek is vrij eenvoudig te gebruiken en vereist gebruikers om een CSS-klasse toe te voegen aan het element ze willen animeren.
De effecten kunnen zodra de pagina wordt geladen worden toegepast en speelde in een continue lus, of alleen bij de muis, als een opvallend effect.
Ontwikkelaars kunnen ook een paar animatie-instellingen als goed, gedaan door het aanpassen van de waarden van een paar SCSS variabelen bewerken.
Deze omvatten de totale duur van de animatie's, timing functie de animatiereeks's, de animatie vertraging trigger-timer, de animatie richting, de achtergrondkleur, en voor hoeveel keer de animatie-effect te spelen.
Ondersteunde animatie-effecten:
- Fade
- Spin
- Pulse
- Glow
- Flash
- Flash Bulb
- Shine
- Slide
- Slide In
- Slide Out
- Drop
- Binnenvallen
- Drop Out
- Roll
- Roll In
- Roll Out
- Barcode
- Shake
- Wobble
- Bounce
- Stomp
- Rood Alarm
- Glide
Alle effecten worden beschreven in een demo pagina opgenomen met de Glide downloadpakket.
. De bron van de bibliotheek wordt gecodeerd in SCSS, maar een rauwe CSS-versie is ook opgenomen in de download
Eisen
- CSS 3 enabled browser
- SASS / SCSS
Reacties niet gevonden