Γωνιακή Fx προσαρμόζει το Animate.css έτσι ώστε να μπορεί να χρησιμοποιηθεί μέσα σε βιβλιοθήκη AngularJS-powered εφαρμογές.
Αυτό το απίστευτο χρήσιμη εργαλειοθήκη αναπτύχθηκε από τον Dan Εδέμ επιτρέπει στους προγραμματιστές να προκαλέσει εύκολα και να τρέξει CSS3 βασίζεται σε κινούμενα σχέδια με τη χρήση απλών CSS τάξεις.
Η οδηγία γωνιακή Fx κάνει το ίδιο πράγμα, μόνο που προσαρμόζει τις εν λόγω κλάσεις CSS σε έθιμο "ng" αποδίδει, βασικό στοιχείο της ανάπτυξης που βασίζεται AngularJS.
Εκτός από τα χαρακτηριστικά λέει το στοιχείο σελίδας τι ρουτίνα animation για να χρησιμοποιήσουν, υπάρχουν αποδίδει επίσης για τον έλεγχο της ταχύτητας αναπαραγωγής του κινουμένου σχεδίου, για να παρουσιάσει σε συνεχή ροή, ή για απόκρυψη / εμφάνιση του στοιχείου στη σελίδα του φορτίου.
Τα παραδείγματα και οδηγίες χρήσης συμπεριλαμβάνονται στο πακέτο λήψης.
Υποστηριζόμενα ρουτίνες animation:
ngfx-φλας
ngfx παλμό
ngfx-λάστιχο
ngfx-κούνημα
ngfx-swing
ngfx-Τάντα
ngfx-ταλάντευση
ngfx-αναπήδηση-in
ngfx-αναπήδηση-in-κάτω
ngfx-αναπήδηση-in-αριστερά
ngfx-αναπήδηση-σε-δεξιά
ngfx-αναπήδηση-στην-up
ngfx-αναπήδηση-out
ngfx-αναπήδηση-out-κάτω
ngfx-αναπήδηση-out-αριστερά
ngfx-αναπήδηση-out-δεξιά
ngfx-αναπήδηση-out-up
ngfx-fade-in
ngfx-fade-in-κάτω
ngfx-fade-in-κάτω-μεγάλη
ngfx-fade-in-αριστερά
ngfx-fade-in-αριστερά-big
ngfx-fade-in-δεξιά
ngfx-fade-in-δεξιά-big
ngfx-fade-in-up
ngfx-fade-in-up-big
ngfx-fade-out
ngfx-fade-out-κάτω
ngfx-fade-out-κάτω-μεγάλη
ngfx-fade-out-αριστερά
ngfx-fade-out-αριστερά-big
ngfx-fade-out-δεξιά
ngfx-fade-out-δεξιά-big
ngfx-fade-out-up
ngfx-fade-out-up-big
ngfx-κτυπήματος
ngfx-flip-σε-x
ngfx-flip-σε-y
ngfx-flip-out-x
ngfx-flip-out-y
ngfx-φως-ταχύτητα-in
ngfx-φως-ταχύτητα-out
ngfx περιστροφή-in
ngfx περιστροφή-σε-up-αριστερά
ngfx περιστροφή-σε-up-δεξιά
ngfx περιστροφή-in-κάτω-αριστερά
ngfx περιστροφή-in-κάτω-δεξιά
ngfx περιστροφή-έξω
ngfx περιστροφή-έξω-up-αριστερά
ngfx περιστροφή-έξω-πάνω δεξιά
ngfx περιστροφή-έξω-κάτω-αριστερά
ngfx περιστροφή-έξω-κάτω-δεξιά
ngfx-άρθρωσης
ngfx-roll-in
ngfx τροχοδρόμηση
ngfx-zoom-in
ngfx-zoom-in-κάτω
ngfx-zoom-in-αριστερά
ngfx-zoom-in-δεξιά
ngfx-zoom-in-up
ngfx-zoom-out
ngfx-zoom-out-κάτω
ngfx-zoom-out-αριστερά
ngfx-zoom-out-δεξιά
ngfx-zoom-out-up
Τι είναι καινούργιο σε αυτή την έκδοση:
- Swing και άρθρωση λύση.
Τι είναι καινούργιο στην έκδοση 1.0.0:.
- Swing και άρθρωσης λύση
Απαιτήσεις :
- για να ενεργοποιήσετε την Javascript πλευρά του client
- AngularJS 1.2 ή νεότερη
- CSS 3 enabled browser
Τα σχόλια δεν βρέθηκε