Γεννήτρια ακτινοβολίας
Δημιουργήστε το CSS border-radius με οπτική προβολή
tools.borderRadiusGenerator.title
tools.borderRadiusGenerator.description
border-radius: 10px 10px 10px 10px;10px / 10px / 10px / 10px
Δημιουργήστε στρογγυλεμένες γωνίες με το Border Radius Generator. Σχεδιάστε προσαρμοσμένες τιμές περιγράμματος CSS οπτικά και αντιγράψτε τον κώδικα αμέσως για τα έργα σας στον ιστό.
Key Features
Οπτική προεπισκόπηση εφέ ακτίνας συνόρων
Ανεξάρτητος έλεγχος για κάθε γωνία (πάνω-αριστερά, πάνω-δεξιά, κάτω-δεξιά, κάτω-αριστερά)
Δημιουργία κώδικα CSS σε πραγματικό χρόνο
Λειτουργία αντιγραφής στο πρόχειρο
Προκαθορισμένες τιμές ακτίνας για γρήγορη επιλογή
Συντομογραφία CSS και επιλογές μεμονωμένων ιδιοτήτων
Γεννήτρια ακτίνας συνόρων
Προσαρμογή γωνιών
Χρησιμοποιήστε ρυθμιστικά για να ορίσετε τιμές pixel για κάθε γωνία (πάνω-αριστερά, πάνω-δεξιά, κάτω-αριστερά, κάτω-δεξιά)
Προβολή προεπισκόπησης
Δείτε το εφέ της ακτίνας περιγράμματος που εφαρμόζεται σε ένα στοιχείο δείγματος σε πραγματικό χρόνο
Αντιγραφή CSS
Ο κώδικας CSS ενημερώνεται αυτόματα καθώς προσαρμόζετε τις τιμές
Επικόλληση στον κώδικα
Κάντε κλικ στο κουμπί Αντιγραφή CSS για να προσθέσετε τον κώδικα στο φύλλο στυλ σας
Εφαρμογή στα Στοιχεία
Χρησιμοποιήστε το αντιγραμμένο CSS στα στοιχεία HTML για να δημιουργήσετε στρογγυλεμένες γωνίες
Use Cases
Δημιουργία μοντέρνων σχεδίων στρογγυλεμένων κουμπιών
Σχεδιασμός κυρτών διατάξεων καρτών για στοιχεία διεπαφής χρήστη
Κατασκευή προσαρμοσμένων πλαισίων συλλογής εικόνων με στρογγυλεμένες γωνίες
Ανάπτυξη σχεδιαστικών στοιχείων με απόκριση με λεία περιγράμματα
Frequently Asked Questions
Σε τι χρησιμοποιείται η ακτίνα συνόρων;
Το Border-radius δημιουργεί στρογγυλεμένες γωνίες σε στοιχεία HTML χρησιμοποιώντας στυλ CSS
Μπορώ να δημιουργήσω έναν κύκλο με ακτίνα περιγράμματος;
Ναι, ορίστε ίσο πλάτος/ύψος και χρησιμοποιήστε ακτίνα 50% για να δημιουργήσετε τέλειους κύκλους
Πώς μπορώ να εφαρμόσω διαφορετική ακτίνα σε κάθε γωνία;
Η γεννήτρια επιτρέπει ανεξάρτητη ρύθμιση για κάθε γωνία χρησιμοποιώντας ξεχωριστές τιμές
Είναι το CSS συμβατό με όλα τα προγράμματα περιήγησης;
Ναι, το border-radius υποστηρίζεται σε όλα τα σύγχρονα προγράμματα περιήγησης και ακόμη και σε παλαιότερες εκδόσεις
Tool Information
Related Tools You Might Like
Γεννήτρια χρωμάτων από την εικόνα
Εξαγωγή κυρίαρχων χρωμάτων από μια εικόνα
RGB/HEX μετατροπέας
Μετατροπή μεταξύ RGB και HEX μορφές χρωμάτων
Γεννήτρια CSS Gradient
Δημιουργία προσαρμοσμένων CSS gradients με προεπισκόπηση
WCAG Ελέγχου Αντίστασης
Ελέγξτε την αντίθεση χρώματος σύμφωνα με τα πρότυπα WCAG
Γεννήτρια ψηφιακής υπογραφής
Δημιουργία ψηφιακών υπογραφών με διαφορετικές γραμματοσειρές
Σκιά γεννήτρια
Δημιουργία CSS Box Shades
Ο υπολογιστής όγκου Surfboard
Υπολογίστε τον τέλειο όγκο surfboard με βάση το βάρος σας, το επίπεδο εμπειρίας και τις συνθήκες κύματος.
Μετασχηματιστής ύψους κύματος
Μετατρέψτε μεταξύ των διαφόρων μετρήσεων ύψους κύματος (υψηλότητα του προσώπου, Χαβάη κλίμακα, ωκεανική πρήξιμο).
Το Scuba Dive Planner
Σχεδιάστε το σκούβα σας με όρια βάθους, κάτω ώρα και απαιτήσεις αποσύνθεσης ασφαλείας.