Δωρεάν χρήση, χωρίς λογαριασμό
CSS Γεννήτρια ακτίνας περιθωρίου
Διαμορφώστε κάθε γωνία ανεξάρτητα, συμπεριλαμβανομένων των ελλειπτικών οριζόντιων και κάθετων ακτίνων. Κάντε προεπισκόπηση του αποτελέσματος και αντιγράψτε το συμπαγές CSS.
Πώς δημιουργώ τιμές CSS border-radius;
Επιλέξτε pixel ή ποσοστά, προσαρμόστε την οριζόντια και κάθετη ακτίνα για κάθε γωνία και, στη συνέχεια, αντιγράψτε τη δήλωση border-radius που δημιουργήθηκε. Το CSS μπορεί αναλογικά να ομαλοποιήσει τις επικαλυπτόμενες ακτίνες για να ταιριάζει στο στοιχείο.
Συχνές ερωτήσεις
Πώς δημιουργώ τιμές CSS border-radius;
Επιλέξτε pixel ή ποσοστά, προσαρμόστε την οριζόντια και κάθετη ακτίνα για κάθε γωνία και, στη συνέχεια, αντιγράψτε τη δήλωση border-radius που δημιουργήθηκε. Το CSS μπορεί αναλογικά να ομαλοποιήσει τις επικαλυπτόμενες ακτίνες για να ταιριάζει στο στοιχείο.
Έχει μεταφορτωθεί το CSS ή το σχέδιό μου;
Όχι. Η προεπισκόπηση και το CSS δημιουργούνται σε αυτήν την καρτέλα του προγράμματος περιήγησης. Δεν υπάρχει μεταφόρτωση, λογαριασμός, κλήση API ή αυτόματη αποθήκευση.
Μπορεί κάθε γωνία να έχει διαφορετική ακτίνα;
Ναι. Ορίστε μια ξεχωριστή οριζόντια και κάθετη τιμή για τις γωνίες πάνω αριστερά, πάνω δεξιά, κάτω δεξιά και κάτω αριστερά.
Τι σημαίνει η κάθετο στο border-radius;
Διαχωρίζει τις οριζόντιες ακτίνες από τις κάθετες ακτίνες, δημιουργώντας ελλειπτικές γωνίες. Εάν κάθε γωνία χρησιμοποιεί την ίδια οριζόντια και κάθετη τιμή, η γεννήτρια παραλείπει την κάθετο.
Γιατί μπορεί η προεπισκόπηση να φαίνεται μικρότερη από τις τιμές;
Το CSS κανονικοποιεί αναλογικά τις ακτίνες που θα επικαλύπτονταν σε μια άκρη. Αυτή είναι η τυπική συμπεριφορά του προγράμματος περιήγησης και εφαρμόζεται επίσης σε αυτήν την προεπισκόπηση.