Καλύτερη ελεύθερη CSS Box Shadow Generator
Οπτικά κατασκευάστε το κουτί-σκιά με ζωντανή προεπισκόπηση, inset και ένα δεύτερο στρώμα ~ αντιγράψτε τον κώδικα.
100% δωρεάν
Δεν υπάρχει εγγραφή
Χωρίς υδατογράφημα
✨
Go Pro για τα καλύτερα μοντέλα AI - εικόνα, βίντεο και συνομιλία - συν μεγαλύτερα φορτία, προτεραιότητα στην ουρά και δεν περιμένει.
Αναβάθμιση σε Pro
Αγάπη Best.Free? Μοιράσου το.
Πώς λειτουργεί
- Μετακινήστε τα γλίστρηθρα. Ορισμός όφσετ, θολό, εξάπλωση, χρώμα και αδιαφάνεια· εναλλαγή αν θέλετε μια εσωτερική σκιά.
- Παρακολουθήστε την προεπισκόπηση. Το live box ενημερώνει καθώς σύρετε; προσθέστε ένα δεύτερο στρώμα σε Προχωρημένες επιλογές για βάθος.
- Αντιγραφή του CSS. Χτυπήστε CSS αντίγραφο και επικολλήστε τον κανόνα κουτί-σκιβά κατευθείαν στο φύλλο στυλ σας.
Σχετικά με αυτό το εργαλείο
Σύρετε το Off-X, Offit-Y, θολούρα και να εξαπλωθεί ολισθητήρες, επιλέξτε ένα χρώμα σκιών και κάντε κλήση στην αδιαφάνεια του, και παρακολουθήστε μια ζωντανή ενημέρωση κουτί προεπισκόπησης σε πραγματικό χρόνο. Στη συνέχεια, αντιγράψτε την ακριβή cox-shadow CSS. Γυρίστε το inset toggle για μια εσωτερική σκιά. Οι προηγμένες επιλογές στοίβα ένα δεύτερο στρώμα σκιών, έτσι ώστε να μπορείτε να οικοδομήσουμε τις μαλακές, πολυ-στρώμα σκιές που χρησιμοποιούνται σε σύγχρονες κάρτες και κουμπιά.
Για ποιο λόγο το χρησιμοποιούν οι άνθρωποι
- Προσθήκη μιας μαλακής σκιάς στα φύλλα και τρόπους
- Δημιουργία μιας εσωτερικής (εγχώριας) σκιάς για εισόδους και πηγάδια
- Στοίβαξε δύο στρώματα για μια ρεαλιστική, διάχυτη σκιά
- Tune όφσετ και θολό για να ταιριάζει με ένα σχέδιο mockup
Συχνές ερωτήσεις
Offset-X/Y μετακινήστε τη σκιά οριζόντια και κάθετα, θολό μαλακώνει την άκρη της, και εξαπλώνεται μεγαλώνει ή συρρικνώνει ολόκληρη τη σκιά πριν από την εφαρμογή της θολούρας.
Το ενσάρκωμα αντλεί τη σκιά μέσα στο στοιχείο αντί να το υποστηρίζει, δίνοντας μια πατημένη εμφάνιση ~ χρήσιμη για τις εισόδους και τα αγκαλιάσματα.
Διαλέξτε ένα χρώμα, στη συνέχεια, χρησιμοποιήστε το αντιολισθητικό slider? Το εργαλείο παράγει μια τιμή rgba() έτσι ώστε η σκιά να αναμιγνύονται φυσικά.
Ναι. Open Advanced επιλογές για να επιτρέψει ένα δεύτερο στρώμα σκιών με τη δική του όφσετ, θολό, χρώμα και ενσάρκωση.
Όχι. Η γεννήτρια λειτουργεί εξ ολοκλήρου στο πρόγραμμα περιήγησης σας? Οι ολισθητήρες απλά υπολογίστε μια συμβολοσειρά CSS τοπικά.
Εντελώς δωρεάν, χωρίς λογαριασμό και χωρίς όρια ~ ένα εργαλείο πελατολογίου με τίποτα να μετρήσει.
Ναι. Τρέχει στο πρόγραμμα περιήγησης σας, έτσι CSS Box Shadow Generator λειτουργεί σε τηλέφωνα και tablet καθώς και επιφάνεια εργασίας
Συνήθως μόνο λίγα δευτερόλεπτα για ένα τυπικό αρχείο. CSS Box Shadow Generator αρχίζει να λειτουργεί τη στιγμή που θα του δώσει την εισαγωγή σας.
Η Casual χρήση είναι απεριόριστη, με ένα γενναιόδωρο καπάκι δίκαιης χρήσης που το κρατάει γρήγορο για όλους.
Όλα τα σύγχρονα προγράμματα περιήγησης □ Chrome, Safari, Firefox και Edge. CSS Box Shadow Generator δεν χρειάζεται τίποτα εγκατεστημένο πέρα από το πρόγραμμα περιήγησης που ήδη χρησιμοποιείτε.