How do I use the border radius generator?

Drag the sliders for each corner or enter pixel values, then copy the generated CSS border-radius code straight into your stylesheet.

Can I set different radius for each corner?

Yes. You can control the top-left, top-right, bottom-right, and bottom-left corners independently to create custom shapes.

Is the generated CSS free to use?

Yes, the CSS is 100% free to use in any personal or commercial project with no attribution required.

← Όλα τα εργαλεία / CSS Border Radius Generator

CSS Border Radius Generator

Σχεδιάστε προσαρμοσμένα σχήματα ακτίνας περιγράμματος με ζωντανή προεπισκόπηση και αντίγραφο CSS με ένα κλικ.

Πάνω-Αριστερά 20 εικονοστοιχεία

Πάνω-Δεξιά 20 εικονοστοιχεία

Κάτω-Δεξιά 20 εικονοστοιχεία

Κάτω-Αριστερά 20 εικονοστοιχεία

Χρώμα φόντου

CSS

CSS Border Radius Generator — Συχνές ερωτήσεις

Σύρετε τα ρυθμιστικά για κάθε γωνία ή εισαγάγετε τιμές pixel και, στη συνέχεια, αντιγράψτε τον κώδικα ακτίνας περιγράμματος CSS που δημιουργήθηκε κατευθείαν στο φύλλο στυλ σας.

Ναί. Μπορείτε να ελέγξετε ανεξάρτητα τις γωνίες πάνω αριστερά, πάνω δεξιά, κάτω δεξιά και κάτω αριστερά για να δημιουργήσετε προσαρμοσμένα σχήματα.

Ναι, το CSS είναι 100% δωρεάν για χρήση σε οποιοδήποτε προσωπικό ή εμπορικό έργο χωρίς να απαιτείται αναφορά.

CSS Border Radius Generator

CSS Border Radius Generator — Συχνές ερωτήσεις

Πώς μπορώ να χρησιμοποιήσω τη γεννήτρια ακτίνας περιγράμματος;

Μπορώ να ορίσω διαφορετική ακτίνα για κάθε γωνία;

Είναι το CSS που δημιουργήθηκε δωρεάν;