Γεννήτρια CSS box-shadow

Κατασκευή μιας δήλωσης πλαισίου CSS από όφσετ, θολούρα, εξάπλωση και χρώμα.

Γραφικά Χωρίς αποθήκευση δεδομένων

Σύντομος οδηγός

Δοκιμάστε ένα παράδειγμα

Εισαγάγετε

Οριζόντια μετατόπιση (px)
0
Κατακόρυφη μετατόπιση (px)
4
Ακτίνα θολώματος (px)
12
Διασπορά (px)
0
Χρώμα Hex
#00000033
Θέση σκιάς
Outside

Θα λάβετε

box-shadow: 0px 4px 12px 0px #00000033;
Πώς λειτουργεί και τα όρια

Εισάγετε μήκη σε εικονοστοιχεία και ένα εξαψήφιο ή οκταψήφιο χρώμα εξ. Η αρνητική εξάπλωση συρρικνώνει τη σκιά.