20 Φοβερούς κινούμενοι φορτωτές και περιστρεφόμενοι

Η σύνδεση στο διαδίκτυο γίνεται όλο και πιο γρήγορη, ωστόσο από καιρού εις καιρόν εξακολουθούν να υπάρχουν στιγμές που πρέπει να περιμένουμε μια ιστοσελίδα για φόρτωση. Οι σχεδιαστές προσπαθούν να κάνουν τον χρόνο αναμονής σας διασκεδαστικό και ανώδυνο χρησιμοποιώντας διάφορους δημιουργικούς κινούμενους φορτωτές.

Οι φορτωτές σας δείχνουν ότι η διαδικασία βρίσκεται σε εξέλιξη. Αλλά για να βεβαιωθείτε ότι δεν πάτε μακριά πριν ολοκληρωθεί η διαδικασία, το μυστικό των φοβερών φορτωτών βρίσκεται στο προσοχή στις λεπτομέρειες και ενδιαφέρον animation. Παρακάτω θα βρείτε 20 δημιουργώντας φανταστικούς φορτωτές που μπορείτε να κατεβάσετε και να χρησιμοποιήσετε στον δικό σας ιστότοπο ή σχέδιο.

CSS φορτωτή από @ CKH4

Δείτε τον φορτωτή Pen css από τον Connor (@ CKH4) στο CodePen.

Rainbow Loader από το @ jackrugile

Δείτε το στυλό Rainbow Loader από τον Jack Rugile (@jackrugile) στο CodePen.

Ανακατεύθυνση φορτωτή από @ mr_alien

Ανατρέξτε στο Loader Redirection Loader από τον κ. Alien (@mr_alien) στο CodePen.

Loader CSS από @ mattiabericchia

Ανατρέξτε στο CSS Loader CSS της Mattia Bericchia (@ mattiabericchia) στο CodePen.

Light Loader από @ jackrugile

Δείτε τον Φορτωτή Φωτός από τον Jack Rugile (@jackrugile) στο CodePen.

CSS3 Infinite Loader από το @ jonathansilva

Δείτε τον άπειρο φορτωτή CSS3 από τον Jonathan Silva (@jonathansilva) στο CodePen.

CSS Stairs Loader από το @ispal

Δείτε το στυλό φόρτωσης στυλό CSS από τον Irko Palenius (@ispal) στο CodePen.

CSS Loader από το @code_dependant

Δείτε τον φορτωτή στυλό CSS από Che (@code_dependant) στο CodePen.

Φορτωτής από @ majci23

Δείτε το Loader Pen από τον Maroà ... ¡ Horniak (@ majci23) στο CodePen.

Rubik φορτωτής από @FilipVitas

Δείτε τον φορτωτή Pen Rubik από τον Filip Vitas (@FilipVitas) στο CodePen.

CSS3 Loader Animation & ndash Peeek από το @rss

Δείτε το Animation Loader CSS3 Pen - Peeek από Rà ??  ± za Selà ?? §uk Saydam (@ rss) στο CodePen.

Pure Css Loader & ndash Πλατεία από @dghez

Ανατρέξτε στο πρόγραμμα περιήγησης Pen Pure Css - Square από τον Robert Borghesi (@dghez) στο CodePen.

Cocktail Loader από το @MarcMalignan

Βλ. Το μαρκαδόρο κοκτέιλ από τον Marc Malignan (@MarcMalignan) στο CodePen.

Φορτωτής μια ημέρα (ημέρα 2) από @ TheDutchCoder

Ανατρέξτε στο πρόγραμμα περιήγησης πένας μία ημέρα (ημέρα 2) από τον Reinier Kaper (@TheDutchCoder) στο CodePen.

Πολύγωνο φορτωτή από το @dan_reid

Ανατρέξτε στον Πολύγωνο Φορτωτή Pen από τον Daniel Reid (@dan_reid) στο CodePen.

Κωδικός φορτωτή στο CSS από @depy

Δείτε τον φορτωτή κώδικα πένας στο CSS από τον Deepak Kamat (@depy) στο CodePen.

Ένα στοιχείο φορτωτή τεσσάρων χρωμάτων από @ tstoik

Δείτε το τετράγωνο φορτωτή στοιχείο Pen One από τον Tiffany Stoik (@tstoik) στο CodePen.

Φορτωτής # 1 από @samueljweb

Δείτε το Loader # 1 από τον Sam Lillicrap (@samueljweb) στο CodePen.

Ας φορτώσουμε τα πράγματα από το @ tomchewitt

Δείτε το Pen Let's load stuff από τον Tom Hewitt (@tomchewitt) στο CodePen.

Μια άλλη κίνηση φόρτωσης από το @redouglas

Δείτε το κινούμενο κινούμενο άλμπουμ από τον Robert Douglas (@redouglas) στο CodePen.