100% ब्राउज़र में
CSS टूल्स
इन मुफ़्त टूल्स से साफ़, कॉपी-पेस्ट करने योग्य CSS दृश्य रूप से जनरेट करें — बॉक्स शैडो, ग्रेडिएंट, बॉर्डर-रेडियस, फ़्लेक्सबॉक्स, ग्रिड, एनिमेशन, क्लिप-पाथ और फ़िल्टर — हर वैल्यू को बदलते समय लाइव प्रीव्यू के साथ।
⬛
CSS Box Shadow जनरेटर
लाइव प्रीव्यू के साथ box-shadow को विज़ुअली डिज़ाइन करें और CSS कॉपी करें।
⬭CSS Border Radius जनरेटर
लाइव प्रीव्यू के साथ हर कोने का रेडियस समायोजित करें और CSS कॉपी करें।
▤CSS Gradient जनरेटर
लाइव प्रीव्यू के साथ linear या radial ग्रेडिएंट बनाएँ और CSS कॉपी करें।
TCSS 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 मल्टी-कॉलम टेक्स्ट लेआउट बनाएं।
T○CSS टेक्स्ट स्ट्रोक
टेक्स्ट में आउटलाइन या स्ट्रोक जोड़ें और CSS कॉपी करें।