Τι είναι το CSS box-shadow
Το box-shadow είναι μια ιδιότητα CSS που προσθέτει σκιές σε στοιχεία HTML. Είναι μια ουσιαστική τεχνική σχεδιασμού ιστοσελίδων που μπορεί να εκφράσει βάθος και διαστατικότητα χρησιμοποιώντας μόνο κώδικα CSS χωρίς εικόνες.
Παράμετροι box-shadow
Το box-shadow καθορίζεται με τη σειρά 'οριζόντια-μετατόπιση κατακόρυφη-μετατόπιση θολούρα εξάπλωση χρώμα'. Οι οριζόντιες και κατακόρυφες μετατοπίσεις καθορίζουν τη θέση της σκιάς, η θολούρα ελέγχει την απαλότητα της άκρης, η εξάπλωση ελέγχει το μέγεθος της σκιάς και το χρώμα μπορεί να καθοριστεί με RGBA, συμπεριλαμβανομένης της διαφάνειας.
inset (Εσωτερική σκιά)
Η προσθήκη της λέξης-κλειδί 'inset' σχεδιάζει τη σκιά μέσα στο στοιχείο αντί για έξω. Κατάλληλο για την έκφραση εσοχών εισόδων φόρμας ή καταστάσεων πατημένου κουμπιού.
Διαστρωμάτωση πολλαπλών σκιών
Πολλαπλά box-shadows μπορούν να καθοριστούν με διαχωρισμό με κόμμα για διαστρωμάτωση σκιών. Ο σχεδιασμός Neumorphism συνδυάζει φωτεινές και σκοτεινές σκιές για να εκφράσει τρισδιάστατη υφή.