Γεννήτρια Border Radius
Στρογγυλέψτε κάθε γωνία με ρυθμιστικά, δημιουργήστε οργανικά σχήματα με την ελλειπτική λειτουργία και αντιγράψτε το CSS αμέσως.
Κάθε γωνία σχεδιάζεται απευθείας στον περιηγητή σας. Καμία από τις ρυθμίσεις σας δεν μεταφορτώνεται στο BroBroGo.
Συχνές Ερωτήσεις
Πώς λειτουργούν οι τέσσερις γωνίες και η διαφορά μεταξύ px και %;
Τα τέσσερα ρυθμιστικά αντιστοιχούν, δεξιόστροφα, στις γωνίες πάνω-αριστερά, πάνω-δεξιά, κάτω-δεξιά και κάτω-αριστερά. Σε pixel, η γωνία στρογγυλεύει κατά ένα σταθερό ποσό. Σε ποσοστό (%), στρογγυλεύει σε σχέση με το πλαίσιο — το οριζόντιο ποσοστό ακολουθεί το πλάτος και το κάθετο ποσοστό ακολουθεί το ύψος, οπότε το 50% μετατρέπει ένα τετράγωνο σε κύκλο.
Τι κάνει η ελλειπτική λειτουργία (elliptical mode);
Όταν είναι απενεργοποιημένη, κάθε γωνία είναι ένα τεταρτημόριο κύκλου με μία μόνο ακτίνα. Όταν την ενεργοποιείτε, κάθε γωνία αποκτά ξεχωριστή οριζόντια και κάθετη ακτίνα, κάτι που σας επιτρέπει να δημιουργείτε απαλά, οργανικά σχήματα «κηλίδας» (blob). Η γεννήτρια γράφει αυτόματα τη μορφή με την κάθετο (slash) για τις δύο τιμές και επιστρέφει στη σύντομη μορφή μόλις οι γωνίες γίνουν ξανά ομοιόμορφα στρογγυλές.
Πώς μπορώ να φτιάξω έναν τέλειο κύκλο ή σχήμα κάψουλας;
Συνδέστε τις γωνίες, επιλέξτε ποσοστό (%) και ορίστε την τιμή σε 50%: ένα τετράγωνο θα γίνει τέλειος κύκλος. Για ένα κουμπί σε σχήμα κάψουλας (pill), διατηρήστε τα pixel (px) και σύρετε μια γωνία πέρα από το μισό του ύψους του κουμπιού — οι πλευρές θα παραμείνουν πλήρως στρογγυλεμένες σε οποιοδήποτε πλάτος. Το προκαθορισμένο σχήμα «Κύκλος» (Circle preset) εφαρμόζει την πρώτη περίπτωση με ένα κλικ.