CSS Box Shadow Generator
Δημιουργήστε οπτικά τον κώδικα σκιάς πλαισίου CSS: ρυθμιστικά για μετατόπιση, θόλωση, διάδοση, χρώμα με αδιαφάνεια, λειτουργία εισαγωγής και έως τέσσερα επίπεδα με ζωντανή προεπισκόπηση.
Αποτέλεσμα
Μια δήλωση σκιάς πλαισίου έχει έξι κινούμενα μέρη — μετατόπιση X και Y, θόλωση, εξάπλωση, χρώμα και την προαιρετική λέξη-κλειδί εισαγωγής — και ο μόνος τρόπος για να τα κάνετε σωστά είναι να τα δείτε. Αυτή η γεννήτρια τοποθετεί κάθε μέρος σε ένα ρυθμιστικό και αποδίδει το αποτέλεσμα σε μια κάρτα προεπισκόπησης καθώς σύρετε, έτσι ώστε η γραμμή CSS στο κάτω μέρος να είναι πάντα ακριβώς αυτό που κοιτάτε.
Οι σκιές του πραγματικού κόσμου είναι σπάνια ένα μόνο στρώμα. Η λίστα επιπέδων σάς επιτρέπει να στοιβάζετε έως και τέσσερις σκιές σε μία δήλωση: μια σφιχτή σκοτεινή γραμμή για τον ορισμό των άκρων συν μια ευρεία απαλή πλύση για ανύψωση ή το ζεύγος ανοιχτό-σκοτάδι που ορίζει τον νευρομορφισμό. Επιλέξτε ένα επίπεδο για να το επεξεργαστείτε, αφαιρέστε αυτά που δεν χρειάζεστε και οι συνδυασμένες τιμές σκιάς πλαισίου ενημερώνονται ζωντανά.
Οι σκιές διαβάζονται πολύ διαφορετικά στις σκοτεινές διεπαφές, όπου μια μαύρη σκιά σε μια σχεδόν μαύρη σελίδα απλώς εξαφανίζεται. Η εναλλαγή φόντου προεπισκόπησης αλλάζει το φόντο μεταξύ φωτεινού και σκοτεινού, ώστε να μπορείτε να ελέγξετε και τα δύο θέματα πριν την αποστολή. Οι προκαθορισμένες σελίδες καλύπτουν τις παραλλαγές που πραγματικά αναζητούν οι άνθρωποι: μια απαλή σκιά ανύψωσης, ένα ένθετο φρεάτιο, τη συνταγή του νευρομορφισμού δύο επιπέδων και μια λεπτή σκιά καρτών.
Όπως κάθε εργαλείο σε αυτόν τον ιστότοπο, η γεννήτρια είναι δωρεάν και εκτελείται εξ ολοκλήρου στο πρόγραμμα περιήγησής σας: χωρίς μεταφόρτωση, χωρίς λογαριασμό και συνεχίζει να λειτουργεί εκτός σύνδεσης μετά τη φόρτωση της σελίδας.