18 εκπληκτικά εφέ που μπορείτε να δημιουργήσετε με σκιές κουτιού CSS3

Μπορούμε να κάνουμε πολλά πράγματα με το CSS, όπως να φτιάχνουμε modals, να κάνουμε όμορφες εφέ κειμένου, να σχεδιάσουμε μια ασπίδα Viking και ακόμα να δημιουργήσουμε μια μορφή καρδιάς. Υπάρχει επίσης πολλά που μπορούμε να κάνουμε με το CSS3 Box Shadows, και σε αυτό το post θα πάμε δείτε πώς μερικοί σχεδιαστές παίζουν με σκιές CSS σε μερικά εξαιρετικά αποτελέσματα.

Σε αυτή τη λίστα θα δείτε CSS σκιά που χρησιμοποιήθηκαν στη δημιουργία τραπεζογραμματίων, τρισδιάστατα εφέ στο κείμενο, τέχνη pixel, απλή κινούμενη εικόνα και πολλά άλλα. Για να δείτε περισσότερα από την ίδια δουλειά, ελέγξτε τα χαρτοφυλάκια των σχεδιαστών. Μάθετε για οποιεσδήποτε άλλες μεγάλες χρήσεις των σκιών CSS; Ενημερώστε μας στα σχόλια.

Κουμπί Squishy Toggle Με το soulwire

Μεγάλη Σκιά με Κοράλλια

Flat Long Shadow από τον Hugo

Οβάλ σκιά κουτιού Από τον Jcorpus

Μπάλες σύγκρουσης από Abderrahmane

257 σε 3D Με Κρέμα

Apple Store icon Από τον Joshbader

Πλαίσιο σκιάς κουτιού για κουμπί φάντασμα Από Akwright

Batman Made με σκιά κουτιού CSS Από τον Nickmblain

Παγωμένη μπύρα από τον Nickmblain

3D κείμενο από την Zitrusfrisch

Σκιά κινούμενου κειμένου Με Carpenumidium

Μετατροπή κειμένου με σκιά Με Chriseisenbraun

Καταπληκτικά στρώματα σχήματα Από το Snhasani

Μετρητής δευτερολέπτων Με το martingrand

Κινούμενο σχέδιο με σκιά Με joksel

Χρώμα Spectrum Από jaicab

Κύκλος του ουράνιου τόξου