Φτιάξτε ένα Loader με css (χωρίς εικόνα)


Θα έχετε προσέξει τον loader που χρησιμοποιούμε στο iGuRu.gr (εμφανίζεται όταν κάνετε κλικ στο /load more). Ο συγκεκριμένος loader είναι ένα αρχείο .gif, ανεβασμένο στον server μας.

loader

Ας δούμε όμως πως μπορούμε να φτιάξουμε ένα loader με 10 γραμμές κώδικα χωρίς να χρησιμοποιήσουμε κάποια εικόνα.
Δημιουργήστε ένα html αρχείο και γράψτε:

 
Φυσικά μπορείτε να τροποποιήσετε τις παραμέτρους και να δημιουργήσετε το δικό σας σχέδιο.








iGuRu.gr Φτιάξτε ένα Loader με css

Το Animation που βλέπετε παρακάτω δεν είναι εικόνα, αλλά κώδικας css.

Ας δούμε το αποτέλεσμα:



iGuRu.gr Φτιάξτε ένα Loader με css

Το Animation που βλέπετε παρακάτω δεν είναι εικόνα, αλλά κώδικας css.

Εγγραφή στο iGuRu.gr μέσω Email

Εισάγετε το email σας για εγγραφή στην υπηρεσία αποστολής ειδοποιήσεων μέσω email για νέες δημοσιεύσεις.



Διαβάστε τις Τεχνολογικές Ειδήσεις από όλο τον κόσμο, με την εγκυρότητα του iGuRu.gr

Ακολουθήσετε μας στο Google News iGuRu.gr at Google news