Mouseover πως να κανω αυτο....

[rafinos]

@Rpanagos ναι, εγώ το έφτιαξα στα γρήγορα για να πάρεις μια ιδέα πώς μπορείς να το κάνεις. Μην αντιγράψεις στα τυφλά τον κώδικα, κάποια πράγματα δεν θα τα χρειαστείς ενώ μπορεί η συγκεκριμένη δομή στην html να μην σε καλύπτει στη δική σου σελίδα και να πρέπει να το προσαρμόσεις ανάλογα.

 

@rafinos αν ξέρεις ότι θες να μεταβάλλεις συγκεκριμένη μόνο ιδιότητα (π.χ. opacity) μπορείς να ορίσεις μόνο αυτή στο transition αντί να βάλεις το all, που θα προσπαθούσε να εφαρμόσει το εφέ και σε όλες τις υπόλοιπες. Αυτό είναι και πιο αποδοτικό από άποψη ταχύτητας/πόρων. Αν θες να μεταβάλλεις 2 ή περισσότερες ιδιότητες στο ίδιο στοιχείο, μπορείς να τις χωρίσεις με κόμμα - π.χ.

transition: left 0.3s ease-out, opacity 0.3s ease 0.3s;

Σημείωση: η τέταρτη τιμή στο δεύτερο transition (opacity) είναι προαιρετική και ορίζει την καθυστέρηση για το συγκεκριμένο εφέ - με αυτό τον τρόπο η αλλαγή στο opacity θα ξεκινούσε αφού προηγουμένως είχε ολοκληρωθεί η αλλαγή στο left (δηλ. μετά από 0.3s).

Πολύ επεξηγηματικός! Ευχαριστώ!