Pakiet "Animacje" pozwala programistom dodawać różne efekty i przejścia do elementu bez konieczności czynienia ze strukturami długo CSS3 jQuery kodu, wtyczki, lub skomplikowanych silników animacji JavaScript.
Po prostu przez dodanie konkretnego (CSS) klasę do tagu HTML, element ten będzie animowana stosując zasady określone w tej klasie.
Animacje mogą być stosowane na stronie obciążenia lub dynamicznie w trakcie działania aplikacji / użycia.
Niektóre JavaScript jest używany do kontroli, jak animacje są stosowane i interakcje z, ale same animacje są renderowane w 100% za pomocą CSS 3.
Obsługiwane animacje:
Fade In
Fade In Up
Fade W Dół
Fade In lewicy
Fade In Prawicy
Fade Out
Fade Out górę
Fade Out dół
Fade Out lewo
Fade Out Right
Bounce W
Bounce W Up
Bounce W Dół
Odbicie w lewo
Bounce W prawicy
Bounce Out
Bounce Out górę
Bounce Out dół
Bounce Out lewo
Bounce Out Right
Zbliżenie
Powiększ górę
Powiększ dół
Powiększ Lewa
Powiększ Prawicy
Oddal
Oddalanie się
Oddalanie w dół
Oddal lewo
Oddal prawo
Przerzuć W X
Przerzuć W Y
Przerzuć W górnej przedniej
Przerzuć W początku Powrót
Front flip W Dół
Przerzuć W Dół Powrót
Przerzuć W przednia lewa
Przerzuć W Lewa
Przerzuć W prawym przednim
Przerzuć W prawej tylnej
Przerzuć Out X
Przerzuć Out Y
Przerzucanie Z przodu na górnym
Przerzucanie Z przodu na górnym
Przerzucanie Z przednim dolnym
Flip out Dół Powrót
Przerzuć Out lewym przednim
Przerzuć Out Lewy obrońca
Przerzuć Out prawym przednim
Przerzucanie Z powrotem
Błysk
Strobe
Wstrząsnąć X
Wstrząsnąć Y
Odbić
Tada
Gumka Recepturka
Huśtawka
Spin
Odwrócona wirowania
Proca
Slingshot tyłu
Drganie
Puls
Tętnić
Bicie serca
Napad
Co nowego w tym wydaniu:
- Dodano dodatkowe 72 animacje (w górę w lewo, na prawo, w dół i lewo
- w dół prawo wersje wszystkich prądu IN / OUT animacji).
Co nowego w wersji 2.0:
- dodanej "appear.min.js '
- Dodane animacje
- Naprawiono błąd z elementami migające przed animacji w
- Skorygowany funkcji JavaScript
- Nazwy Skorygowany klasę CSS
- Usunięte 'visible.min.js'
Wymagania :
- przeglądarka obsługująca CSS 3
- aktywny JavaScript po stronie klienta li>
Komentarze nie znaleziono