CSS-mini-freimworks

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

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

loader

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

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




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

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

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



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

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


iGuRu.gr The Best Technology Site in Greece
Ακολουθήσετε μας στο Google News iGuRu.gr at Google news

Subscribe to Blog via Email

Enter your email address to subscribe to this blog and receive notifications of new posts by email.

animationblackinfiniteloadersolid

Written by giorgos

Ο Γιώργος ακόμα αναρωτιέται τι κάνει εδώ....

Αφήστε μια απάντηση

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

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