Γεννήτρια CSS Box Shadow
Δωρεάν διαδικτυακή γεννήτρια CSS box shadow με ζωντανή προεπισκόπηση. Ρυθμίστε μετατόπιση, θόλωση, εξάπλωση, χρώμα και αδιαφάνεια.
Shadow List
Generated CSS
Πώς λειτουργεί
- Ανοίξτε τη γεννήτρια και δείτε αμέσως μια ζωντανή προεπισκόπηση της σκιάς.
- Ρυθμίστε την οριζόντια και κατακόρυφη μετατόπιση με τους ρυθμιστές για να τοποθετήσετε τη σκιά.
- Ορίστε την ακτίνα θαμπώματος και διάδοσης για να ελέγξετε την απαλότητα και το μέγεθος της σκιάς.
- Επιλέξτε χρώμα και αδιαφάνεια σύμφωνα με τον σχεδιασμό σας.
- Αντιγράψτε τον παραγόμενο κώδικα CSS και επικολλήστε τον απευθείας στο αρχείο στυλ σας.
Παράδειγμα
Είσοδος: Οριζόντιο: 5px, Κατακόρυφο: 10px, Θάμπωμα: 15px, Διάδοση: 0px, Χρώμα: #008000, Αδιαφάνεια: 0.5
Αποτέλεσμα: box-shadow: 5px 10px 15px 0px rgba(0, 128, 0, 0.5);
Συχνές ερωτήσεις
Ναι, η γεννήτρια CSS Box Shadow είναι εντελώς δωρεάν και δεν απαιτεί εγγραφή ή λογαριασμό.
Τα δεδομένα σας είναι απολύτως ασφαλή. Όλη η επεξεργασία γίνεται στην πλευρά του πελάτη στο πρόγραμμα περιήγησής σας. Κανένα δεδομένο δεν αποστέλλεται σε κανέναν διακομιστή.
Ναι, το CSS υποστηρίζει πολλαπλές τιμές box-shadow χωρισμένες με κόμμα για πολυεπίπεδα εφέ σκιάς.
Ναι, η ιδιότητα box-shadow υποστηρίζεται από όλα τα σύγχρονα προγράμματα περιήγησης χωρίς πρόθεμα προμηθευτή.