Διαδραστικό παράδειγμα κώδικα που αναπαριστά μια αφίσα ταινίας με διαδραστικά εφέ. Όταν ο χρήστης περνάει το ποντίκι πάνω από την αφίσα (hover), εμφανίζονται πρόσθετες πληροφορίες με ομαλά animations. Για τη δημιουργία του παραδείγματος χρησιμοποιείται ο CSS preprocessor LESS για τα εφέ και τις μεταβάσεις.

Άσκηση: Επεκτείνετε τον κώδικα του παραδείγματος προσθέτοντας ένα κουμπί “Περισσότερα” που όταν γίνεται κλικ, εμφανίζει επιπλέον πληροφορίες για την ταινία (π.χ. σκηνοθέτη, έτος κυκλοφορίας, διάρκεια). Χρησιμοποιήστε κώδικα JavaScript για να υλοποιήσετε την εναλλαγή μεταξύ εμφάνισης και απόκρυψης των πληροφοριών.