Animations

"Animaatiot" paketti antaa kehittäjille lisätä erilaisia ​​tehosteita ja siirtymiä elementtiin ilman käsitellä pitkiä CSS3 koodin rakenteita, jQuery plugins, tai monimutkaisia ​​JavaScript animaatio moottoreita.
Vain lisäämällä tietty (CSS) luokan HTML tag, että elementti on animoitu avulla sääntöjä kyseisessä luokassa.
Animaatioita voidaan soveltaa sivulta kuorma tai dynaamisesti ajonaikaisesti / käytön.
Jotkut JavaScript käytetään ohjaamaan miten animaatioita sovelletaan ja vuorovaikutuksessa, mutta animaatiot itse suoritettu 100% kautta CSS 3.
Tuetut animaatiot:
Voimistua
Häivytä In Up
Häivytä In Down
Häivytä In Left
Häivytä In Right
Häivyttää
Häivyttää Up
Häivyttää Down
Häivyttää Left
Häivyttää Oikea
Bounce In
Bounce In Up
Bounce In Down
Bounce Vuonna Left
Bounce In Right
Bounce Out
Bounce Out Up
Bounce Out Down
Bounce Out Vasen
Bounce Out Right
Zoom In
Zoom In Up
Zoom In Down
Zoom In Left
Zoom In Right
Pienennä
Pienennä Up
Pienennä Down
Pienennä Left
Pienennä Oikea
Flip In X
Flip In Y
Flip In Top Front
Flip In Top Back
Flip In Bottom Front
Flip In Bottom Takaisin
Flip In Left Front
Flip In Left Back
Flip In Oikealta Edestä
Flip In Right Back
Kääntää pois X
Kääntää pois Y
Flip Out Top Front
Flip Out Top Front
Kääntää pois Bottom Front
Kääntää pois Bottom Takaisin
Kääntää pois Left Front
Kääntää pois Left Back
Kääntää pois Oikealta Edestä
Flip Out Right Back
Salama
Diskovalo
Shake X
Shake Y
Pomppia
Tada
Kuminauha
Keinu
Pyöräyttää
Spin Käänteinen
Ritsa
Ritsa Käänteinen
Vaappua
Pulssi
Sykkiä
Sydämenlyönti
Panic

Mikä on uusi tässä julkaisussa:

• lisätyt vielä 72 animaatiot (ylös vasen, ylös oikealle, alas vasemmalle ja
• Down Right versiot kaikki nykyiset in / out animaatioita).

Mikä on uusi versiossa 2.0:

• Added 'appear.min.js "
• lisätyt animaatiot
• Kiinteä vian kanssa elementtejä vilkkuu ennen animointiin in
• osakeantioikaistu JavaScript toiminnot
• osakeantioikaistu CSS luokka nimet
• Poistettu 'visible.min.js "

vaatimukset

• CSS 3 tukevaa selainta
• Javascript asiakkaan puolella