CSS टूल्स

इन मुफ़्त टूल्स से साफ़, कॉपी-पेस्ट करने योग्य CSS दृश्य रूप से जनरेट करें — बॉक्स शैडो, ग्रेडिएंट, बॉर्डर-रेडियस, फ़्लेक्सबॉक्स, ग्रिड, एनिमेशन, क्लिप-पाथ और फ़िल्टर — हर वैल्यू को बदलते समय लाइव प्रीव्यू के साथ।

CSS Box Shadow जनरेटर

लाइव प्रीव्यू के साथ box-shadow को विज़ुअली डिज़ाइन करें और CSS कॉपी करें।

CSS Border Radius जनरेटर

लाइव प्रीव्यू के साथ हर कोने का रेडियस समायोजित करें और CSS कॉपी करें।

CSS Gradient जनरेटर

लाइव प्रीव्यू के साथ linear या radial ग्रेडिएंट बनाएँ और CSS कॉपी करें।

CSS Text Shadow जनरेटर

लाइव प्रीव्यू के साथ text-shadow डिज़ाइन करें और CSS कॉपी करें।

CSS Triangle जनरेटर

किसी भी दिशा में शुद्ध-CSS त्रिभुज बनाएँ और CSS कॉपी करें।

CSS Flexbox प्लेग्राउंड

लाइव प्रीव्यू पर flexbox प्रॉपर्टीज़ के साथ प्रयोग करें और जेनरेट हुई CSS कॉपी करें।

CSS Grid जेनरेटर

समायोज्य कॉलम, रो और gap के साथ एक CSS grid लेआउट बनाएं, लाइव प्रीव्यू के साथ।

CSS Transform जेनरेटर

translate, rotate, scale और skew को एक ही CSS transform में मिलाएं, लाइव प्रीव्यू के साथ।

CSS Easing जेनरेटर

एक cubic-bezier easing चुनें या बनाएं और इसे एनिमेटेड प्रीव्यू डॉट पर दोबारा चलाएं।

Glassmorphism जेनरेटर

blur, पारदर्शिता, संतृप्ति और टिंट रंग के साथ फ्रॉस्टेड-ग्लास कार्ड की CSS बनाएं।

CSS clip-path जनरेटर

किसी एलिमेंट को सामान्य आकृतियों में क्लिप करें और clip-path CSS कॉपी करें।

CSS फ़िल्टर जनरेटर

स्लाइडर और लाइव प्रीव्यू के साथ CSS फ़िल्टर बनाएँ, फिर कॉपी करें।

CSS एनिमेशन जनरेटर

एक कीफ़्रेम एनिमेशन बनाएँ, उसे लाइव प्रीव्यू करें और CSS कॉपी करें।

CSS स्पिनर जनरेटर

एक शुद्ध-CSS लोडिंग स्पिनर जनरेट करें और CSS कॉपी करें।

CSS बैकग्राउंड पैटर्न

दो रंगों के साथ एक CSS बैकग्राउंड पैटर्न जनरेट करें और कॉपी करें।

न्यूमॉर्फिज़्म जनरेटर

लाइव प्रीव्यू के साथ सॉफ़्ट-UI न्यूमॉर्फिक शैडो बनाएँ और कॉपी करें।

CSS मीडिया क्वेरी बिल्डर

प्रीसेट के साथ एक रिस्पॉन्सिव @media क्वेरी बनाएँ और कॉपी करें।

CSS स्क्रॉलबार स्टाइलर

एक कस्टम स्क्रॉलबार स्टाइल करें और ::-webkit-scrollbar CSS कॉपी करें।

CSS आस्पेक्ट रेशियो बॉक्स

पैडिंग फ़ॉलबैक के साथ एक रिस्पॉन्सिव आस्पेक्ट-रेशियो बॉक्स बनाएं।

CSS मल्टी-कॉलम लेआउट

डिवाइडर रूल के साथ एक CSS मल्टी-कॉलम टेक्स्ट लेआउट बनाएं।

CSS टेक्स्ट स्ट्रोक

टेक्स्ट में आउटलाइन या स्ट्रोक जोड़ें और CSS कॉपी करें।

उससे मेल खाने वाला कोई टूल नहीं।

अन्य श्रेणियाँ ब्राउज़ करें