Αρχική
🔳
Γεννήτρια CSS Box Shadow
Δωρεάν γεννήτρια CSS box-shadow με ζωντανή προεπισκόπηση. Δημιουργήστε σκιές οπτικά με πολλαπλά επίπεδα και προσαρμοσμένα χρώματα.
Πώς να χρησιμοποιήσετε
Χρησιμοποιήστε ρυθμιστικά για να ρυθμίσετε μετατόπιση, θάμπωμα, εξάπλωση, χρώμα και αδιαφάνεια. Δείτε ζωντανή προεπισκόπηση και αντιγράψτε τον κώδικα CSS.
- Ζωντανή προεπισκόπηση
- Έλεγχοι μετατόπισης/θαμπώματος/εξάπλωσης/χρώματος/αδιαφάνειας
- Πολλαπλά επίπεδα
- Εσωτερική σκιά
- Αντιγραφή με ένα κλικ
Περιπτώσεις χρήσης
- Σχεδιασμός σκιών για κάρτες και κουμπιά
- Δημιουργία εφέ σκιάς πολλαπλών επιπέδων
- Οπτική δημιουργία κώδικα CSS box-shadow
- Πειραματισμός με εσωτερικές σκιές