Online Tool CSS Box Shadow Generator

color
color

Δημιουργήστε τις ιδιότητες της σκιάς του κουτιού σας για να αποκτήσετε το στυλ CSS.

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

Επιλέξτε ένα προσαρμοσμένο χρώμα για το φόντο προεπισκόπησης και το αντικείμενο σας.

 

Προσθήκη πολλαπλών Box-Shadows

Τα προγράμματα περιήγησης ιστού μάς επιτρέπουν να προσθέσουμε περισσότερες από μία σκιές στο σχέδιό μας, όπως και αυτό το διαδικτυακό εργαλείο. Χρησιμοποιήστε το κουμπί Προσθήκη νέας για να αποθηκεύσετε την τρέχουσα γραμμή και να ρυθμίσετε μια νέα. 

 

Σύνταξη CSS

box-shadow: none|<em>h-offset v-offset blur spread color&nbsp;</em>|inset|initial|inherit;

Σημείωση:  Για να επισυνάψετε περισσότερες από μία σκιές σε ένα στοιχείο, προσθέστε μια λίστα σκιών διαχωρισμένων με κόμματα (δείτε το παράδειγμα "Δοκιμάστε το μόνοι σας" παρακάτω).