Δημιουργήστε ψευδαίσθηση clicked σε image buttons και css-styled buttons

Όπως οι περισσότεροι γνωρίζετε, όταν προσπαθούμε να κάνουμε κάποιο κουμπί σε μια φόρμα πιο όμορφο, είτε αντικαθιστώντας το με εικόνα, είτε ομορφαίνοντας το με css, σε αρκετούς browsers (πχ Firefox) δεν φαίνεται “πατημένο” κατά το κλικ, κάτι που ίσως μπερδεύει τους χρήστες. Στο παρόν post θα επιχειρήσουμε να άρουμε όσο είναι δυνατόν αυτό το “πρόβλημα”, χρησιμοποιώντας css για να δώσουμε την ψευδαίσθηση ότι το εκάστοτε κουμπί (ή το κείμενο του) μετακινείται κατά 1px κάτω δεξιά όταν πατιέται.