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

    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

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