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
Κύκλος του ουράνιου τόξου