मोफत वापर, खाते नको

CSS सीमा त्रिज्या जनरेटर

लंबवर्तुळाकार क्षैतिज आणि उभ्या त्रिज्यासह, प्रत्येक कोपऱ्याला स्वतंत्रपणे आकार द्या. निकालाचे पूर्वावलोकन करा आणि कॉम्पॅक्ट CSS कॉपी करा.

0–2,000 px किंवा 0–100% प्रविष्ट करा. कीबोर्ड-प्रवेशयोग्य क्रमांक नियंत्रणे प्रदान केली आहेत.

वर डावीकडे
वर उजवीकडे
तळाशी उजवीकडे
तळाशी

CSS आपोआप कोपरा त्रिज्या प्रमाणानुसार मोजते जेव्हा त्यांची बेरीज घटकाची रुंदी किंवा उंची ओलांडते. पूर्वावलोकन ब्राउझरच्या CSS वर्तनाचे अनुसरण करते.

लाइव्ह पूर्वावलोकन

कोपरा त्याच्या आकाराचे पूर्वावलोकन करण्यासाठी समायोजित करा.

CSS घोषणा

मी CSS border-radius मूल्ये कशी निर्माण करू?

पिक्सेल किंवा टक्केवारी निवडा, प्रत्येक कोपऱ्यासाठी क्षैतिज आणि अनुलंब त्रिज्या समायोजित करा, नंतर व्युत्पन्न केलेल्या border-radius घोषणा कॉपी करा. घटक फिट करण्यासाठी CSS प्रमाणानुसार ओव्हरलॅपिंग त्रिज्या सामान्य करू शकते.

वारंवार विचारले जाणारे प्रश्न

मी CSS border-radius मूल्ये कशी निर्माण करू?

पिक्सेल किंवा टक्केवारी निवडा, प्रत्येक कोपऱ्यासाठी क्षैतिज आणि अनुलंब त्रिज्या समायोजित करा, नंतर व्युत्पन्न केलेल्या border-radius घोषणा कॉपी करा. घटक फिट करण्यासाठी CSS प्रमाणानुसार ओव्हरलॅपिंग त्रिज्या सामान्य करू शकते.

माझे CSS किंवा डिझाइन अपलोड केले आहे का?

क्रमांक. पूर्वावलोकन आणि CSS या ब्राउझर टॅबमध्ये व्युत्पन्न केले आहेत. कोणतेही अपलोड, खाते, API कॉल किंवा स्वयंचलित बचत नाही.

प्रत्येक कोपऱ्याची त्रिज्या वेगळी असू शकते का?

होय. वरच्या-डाव्या, वरच्या-उजव्या, खालच्या-उजव्या आणि खालच्या-डाव्या कोपऱ्यांसाठी वेगळे क्षैतिज आणि अनुलंब मूल्य सेट करा.

border-radius मधील स्लॅशचा अर्थ काय आहे?

हे क्षैतिज त्रिज्या उभ्या त्रिज्यापासून वेगळे करते, लंबवर्तुळाकार कोपरे तयार करते. प्रत्येक कोपरा समान क्षैतिज आणि अनुलंब मूल्य वापरत असल्यास, जनरेटर स्लॅश वगळतो.

पूर्वावलोकन मूल्यांपेक्षा लहान का दिसू शकते?

CSS एका काठावर ओव्हरलॅप होणाऱ्या त्रिज्या प्रमाणानुसार सामान्य करते. ते मानक ब्राउझर वर्तन आहे आणि या पूर्वावलोकनामध्ये देखील लागू केले आहे.