Γεννήτρια ακτίνας συνόρων

Ελέγξτε κάθε γωνία ανεξάρτητα και κάντε προεπισκόπηση στρογγυλεμένων σχημάτων. Αντιγράψτε σύντομο ή μακροχρόνιο CSS ακτίνας περιγράμματος.

Border Radius Generator

Live

Link all corners

All corners24px

CSS output

border-radius: 24px;

Key capabilities

Ελέγξτε κάθε γωνία ανεξάρτητα και κάντε προεπισκόπηση στρογγυλεμένων σχημάτων με CSS έτοιμο για αντιγραφή.
Εκτελείται στο πρόγραμμα περιήγησής σας
Δωρεάν για χρήση

Πώς να χρησιμοποιήσεις

Σύρετε κάθε ακτίνα γωνίας.
Προαιρετικά ξεκλειδώστε τις συνδεδεμένες γωνίες.
Αντιγράψτε το CSS με ακτίνα περιγράμματος.

How this tool works

Σύρετε κάθε ακτίνα γωνίας.
Προαιρετικά ξεκλειδώστε τις συνδεδεμένες γωνίες.
Αντιγράψτε το CSS με ακτίνα περιγράμματος.

Recommended settings

Χρησιμοποιήστε πρώτα τις προεπιλεγμένες επιλογές και μετά προσαρμόστε εάν χρειάζεται

Supported formats

Text / on-page input

File size and limits

Οι πολύ περίπλοκες προεπισκοπήσεις πολλαπλών επιπέδων ενδέχεται να είναι πιο αργές σε παλαιότερα τηλέφωνα.

Privacy

Οι γεννήτριες χρωμάτων και CSS εκτελούνται εξ ολοκλήρου στο πρόγραμμα περιήγησής σας. Οι προεπισκοπήσεις και οι μετατροπές δεν ανεβάζουν ποτέ τα στυλ σας.

Common use cases

Χρησιμοποιήστε το Border Radius Generator όποτε χρειάζεστε: Ελέγξτε κάθε γωνία ανεξάρτητα και κάντε προεπισκόπηση στρογγυλεμένων σχημάτων με CSS έτοιμο για αντιγραφή.

Troubleshooting

Η προεπισκόπηση φαίνεται διαφορετική μετά την επικόλληση

Ελέγξτε για ανταγωνιστικά CSS στη σελίδα σας (επαναφορά, κληρονομικά χρώματα). Αντιγράψτε πρώτα τον κανόνα που δημιουργήθηκε σε ένα απομονωμένο φύλλο στυλ.

FAQ

Αυτό ανεβάζει το CSS μου;

Όχι. Οι γεννήτριες και οι μετατροπείς εκτελούνται στο πρόγραμμα περιήγησής σας με ζωντανή προεπισκόπηση.

Χρειάζομαι λογαριασμό;

Όχι. Ανοίξτε το εργαλείο, τροποποιήστε τα στοιχεία ελέγχου και αντιγράψτε το CSS.