PasteZap
🌐 हिन्दी
मुफ़्त · बिना खाते के

मुफ़्त · डिज़ाइन और CSS

स्क्वर्कल कॉर्नर जनरेटर (CSS corner-shape).

नई CSS प्रॉपर्टी corner-shape से iOS जैसे मुलायम कोने बनाएं, और जिन ब्राउज़रों में यह नहीं है उनके लिए clip-path और SVG फ़ॉलबैक पाएं।

शुरू करने से पहले

कुछ तकनीकी नियंत्रण अंग्रेज़ी में हैं। Unicode टेक्स्ट समर्थित है; फ़ाइल फ़ॉर्मैट और परिणाम की भाषाएं टूल पर निर्भर हैं।

तकनीकी सीमाएं नीचे अंग्रेज़ी में दी गई हैं। बड़ी फ़ाइलों को संसाधित करने या परिणाम का उपयोग करने से पहले इन्हें जांचें।

Loading the calculator…

इस टूल का उपयोग कैसे करें: स्क्वर्कल कॉर्नर जनरेटर (CSS corner-shape)

डेटा दर्ज करें या फ़ाइल चुनें। विकल्प बदलें, परिणाम बनाएं और कॉपी या डाउनलोड करने से पहले उसकी जांच करें।

सीमाएं और समर्थित फ़ॉर्मैट

आपका डेटा आपके उपकरण पर संसाधित होता है।

अंग्रेज़ी में तकनीकी जानकारी

corner-shape is new (Chromium first); the clip-path fallback needs a fixed size. Everything is calculated in your browser; nothing you type is uploaded.

corner-shape: superellipse(k) draws |x|^(2^k) + |y|^(2^k) = 1 in each corner (k = 2 is the squircle). The fallback samples the same curve into an SVG path.

A 48 px radius with corner-shape: squircle, plus a 240 × 240 clip-path that draws the same superellipse corners everywhere.