Καλύτερη ελεύθερη CSS Border Radius Generator
Στρογγυλές γωνίες στοιχείων οπτικά ~ ανά κορνέρ ή συνδεδεμένο, px/%/em ~ με ζωντανή προεπισκόπηση και αντιγραφή.
100% δωρεάν
Δεν υπάρχει εγγραφή
Χωρίς υδατογράφημα
✨
Go Pro για τα καλύτερα μοντέλα AI - εικόνα, βίντεο και συνομιλία - συν μεγαλύτερα φορτία, προτεραιότητα στην ουρά και δεν περιμένει.
Αναβάθμιση σε Pro
Αγάπη Best.Free? Μοιράσου το.
Πώς λειτουργεί
- Στήσε τις γωνίες. Σύρετε κάθε γωνιακό ολισθητήρα, ή κρατήστε Link όλες τις γωνίες για να τους μετακινήσετε μαζί.
- Παρακολουθήστε την προεπισκόπηση. Οι live γύροι κουτιού όπως σύρετε; διακόπτης px, % ή em σε Προχωρημένες επιλογές.
- Αντιγραφή του CSS. Χτυπήστε CSS αντίγραφο και επικολλήστε τον κανόνα των συνόρων-ακτινοδρομίας στο φύλλο στυλ σας.
Σχετικά με αυτό το εργαλείο
Σύρετε ένα slider για κάθε μία από τις τέσσερις γωνίες ~ ή να τα κρατήσει συνδεδεμένα έτσι ώστε ένας slider κινείται και τις τέσσερις ~ ενώ ένα ζωντανό κουτί προεπισκόπησης δείχνει το αποτέλεσμα. Αντιγράψτε το συνοριακό-ραδιόφωνο CSS, το οποίο καταρρέει σε μια ενιαία τιμή όταν κάθε γωνία ταιριάζει και επεκτείνεται στην τετράγωνη μορφή όταν διαφέρουν. Οι προηγμένες επιλογές εναλλάξτε τη μονάδα μεταξύ px, % και em, ώστε να μπορείτε να οικοδομήσετε σχήματα χάπι και ποσοστό-βασισμένη στρογγυλοποίηση πάρα πολύ.
Για ποιο λόγο το χρησιμοποιούν οι άνθρωποι
- Στρογγυλή κάρτα, κουμπιά και γωνίες εικόνας
- Δημιουργία ενός χαπιού ή ενός πλήρως στρογγυλοποιημένου σχήματος
- Ορισμός διαφορετικών ακτίνων σε μεμονωμένες γωνίες
- Χρήση ποσοστού στρογγυλοποίησης για κύκλους και ωοειδή
Συχνές ερωτήσεις
Ναι. Κλείστε το Link όλες τις γωνίες και κάθε slider ελέγχει μία γωνία.Το CSS χρησιμοποιεί στη συνέχεια την τετρά-τιμή μορφή (πάνω-αριστερά, πάνω-δεξιά, κάτω-δεξιά, κάτω-αριστερά).
Με αυτό, σύροντας κάθε γλίστρημα κινείται και τις τέσσερις γωνίες μαζί και το CSS καταρρέει σε μια ενιαία τιμή.
Το ποσοστό των στρογγυλών γύρων σε σχέση με το μέγεθος του κουτιού, έτσι 50% σε ένα τετράγωνο κάνει έναν κύκλο και ζυγίζει με το στοιχείο.
Τοποθετήστε μια μεγάλη ακτίνα σε όλες τις γωνίες? Για ένα πραγματικό χάπι, μια ακτίνα του μισού ύψους στοιχείου
Όχι. Οι γλιστράνε συνθέτουν μια συμβολοσειρά CSS τοπικά στο πρόγραμμα περιήγησής σας.
Εντελώς δωρεάν, χωρίς λογαριασμό και χωρίς όρια ~ ένα εργαλείο πελατολογίου με τίποτα να μετρήσει.
Ναι. Τρέχει στο πρόγραμμα περιήγησης σας, έτσι CSS Border Radius Generator λειτουργεί σε τηλέφωνα και tablet, καθώς και επιφάνεια εργασίας
Συνήθως μόνο λίγα δευτερόλεπτα για ένα τυπικό αρχείο
Η Casual χρήση είναι απεριόριστη, με ένα γενναιόδωρο καπάκι δίκαιης χρήσης που το κρατάει γρήγορο για όλους.
Όλα τα σύγχρονα προγράμματα περιήγησης □ Chrome, Safari, Firefox και Edge. CSS Border Radius Generator δεν χρειάζεται τίποτα εγκατεστημένο πέρα από το πρόγραμμα περιήγησης που ήδη χρησιμοποιείτε.