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

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

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

loader

Δες περισσότερα άρθρα του iGuRu.gr όταν αναζητάς ειδήσεις στην Google.
προτεινόμενη πηγή στη Google

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

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







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

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

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



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

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



google preferences

giorgos
on05/07/2016 15:19

Leave a Comment

Η ηλ. διεύθυνση σας δεν δημοσιεύεται. Τα υποχρεωτικά πεδία σημειώνονται με *

Το μήνυμα σας δεν θα δημοσιευτεί εάν:
1. Περιέχει υβριστικά, συκοφαντικά, ρατσιστικά, προσβλητικά ή ανάρμοστα σχόλια.
2. Προκαλεί βλάβη σε ανηλίκους.
3. Παρενοχλεί την ιδιωτική ζωή και τα ατομικά και κοινωνικά δικαιώματα άλλων χρηστών.
4. Διαφημίζει προϊόντα ή υπηρεσίες ή διαδικτυακούς τόπους .
5. Περιέχει προσωπικές πληροφορίες (διεύθυνση, τηλέφωνο κλπ).


Read Next