multi hover CSS
Όλα ξεκίνησαν βλέποντας την εικόνα στο www.filterforge.com και σκέφτηκα ότι θα ήταν όμορφο ένα τέτοιο εφέ κατασκευασμένο με CSS.
Δεν είχα το κατάλληλο glass brick έτσι απευθύνθηκα στο freestuff και στα παιδιά που ασχολούνται με 3D να μου φτιάξουν ένα brick, μου έφτιαξε ένα πρόχειρο ο 3dnoob
(τον οποίο τον ευχαριστώ ιδιαίτερα)
και ξεκίνησα την κατασκευή μετά από μερικές βδομάδες που βρήκα ελεύθερο χρόνο, το αποτέλεσμα είναι σαν την εικόνα που βλέπετε.
Το συγκεκριμένο CSS το δοκίμασα τοπικά και φαίνεται να λειτουργεί σε ΙΕ6 ΙΕ7 firefox2 opera9.21 flock 0.7.14 safari, δεν έχω καμία ιδέα πως εμφανίζεται σε linux και ελπίζω να το αναφέρει αν κάποιος το δει με κάποιο άλλο browser.
Μπορείτε να δείτε εδώ το multi-hover CSS και να κατεβάσετε το CSS, έχει άδεια creative commons
(Μόνο HTML και CSS οι εικόνες δεν συμπεριλαμβάνονται σε αυτή την άδεια)
και είστε ελεύθεροι να κάνετε δημιουργικές εργασίες κάτω από την ίδια άδεια.
Δυστυχώς δεν είμαι καλός στο να κάνω tutorial και έτσι θα πρέπει να βρείτε μόνοι σας τον τρόπο με το οποίο δουλεύει το CSS.
Ελπίζω να σας αρέσει γιατί εγώ ξετρελάθηκα, και λέω να ετοιμάζω σιγά σιγά με αυτό το CSS μια δυναμική photo gallery.
PS: Έβαλα lightbox μόνο και μόνο γιατί εμφανίζονται καλύτερα οι εικόνες.
Στείλε το άρθρο στο
461 Views October 8, 2007 (4:51PM)
13dnoob on October 8, 2007 (7:03PM)
Φοβερο. Μου φαινεται οτι πρεπει να ασχοληθω με ιστοσελιδες.
Παντως για καλυτερη αποδωση του γυαλιου θα επρεπε να υπηρχε η φωτογραφια.
Παντως ειναι τρομερο
Αφήστε ένα σχόλιο
* = Υποχρεωτικό πεδίο