सीएसएस जेनरेटर

इक्कीस: त्रिकोण, तीर, आकार, क्लिप-पथ, और सीमा-त्रिज्या जनरेटर; रिबन, टूलटिप और लोडर घटक निर्माता; ग्रेडिएंट, बॉक्स-शैडो, टेक्स्ट-शैडो, ग्लासमॉर्फ़िज़्म, न्यूमॉर्फ़िज़्म, फ़िल्टर, ट्रांसफ़ॉर्म, एनिमेशन और पर्सपेक्टिव प्रभाव संपादक; प्लस ग्रिड बिल्डर, फ्लेक्सबॉक्स प्लेग्राउंड, ग्रिड प्लेग्राउंड और एक सीएसएस वेरिएबल जनरेटर, सभी एक इंटरफ़ेस में।

हाँ। आउटपुट साफ-सुथरा, मानकों के अनुरूप सीएसएस है जिसे आप सीधे किसी भी स्टाइलशीट या घटक में पेस्ट कर सकते हैं। जहां यह मायने रखता है (क्लिप-पथ, फ़िल्टर), विक्रेता-प्रीफ़िक्स्ड फ़ॉलबैक शामिल हैं, और एनीमेशन उपकरण पूर्ण @keyframes ब्लॉक को आउटपुट करते हैं।

त्रिभुज जनरेटर खोलें, एक दिशा चुनें (ऊपर, नीचे, बाएँ, दाएँ), स्लाइडर्स के साथ आकार और रंग सेट करें, और बॉर्डर-आधारित सीएसएस की प्रतिलिपि बनाएँ। यह क्लासिक शून्य-चौड़ाई/शून्य-ऊंचाई बॉर्डर ट्रिक का उपयोग करता है जो हर ब्राउज़र में काम करता है।

हाँ। एनिमेशन बिल्डर अवधि, विलंब, समय फ़ंक्शन और पुनरावृत्ति गणना के नियंत्रण के साथ प्रीसेट (बाउंस, फ़ेड, स्लाइड-इन, स्पिन, शेक, पॉप) प्रदान करता है। यह आपके लिए संपूर्ण एनीमेशन शॉर्टहैंड और @keyframes नियम उत्पन्न करता है।

हाँ। दिशा, औचित्य-सामग्री, संरेखित-आइटम, रैपिंग, अंतराल और आइटम गणना को दृष्टिगत रूप से समायोजित करें, और टूल आपके कंटेनर के लिए सटीक सीएसएस आउटपुट करता है। यह सीखने के लिए आदर्श है कि प्रत्येक संपत्ति लेआउट को कैसे प्रभावित करती है और एक कामकाजी शुरुआती बिंदु को पकड़ने के लिए आदर्श है।

नहीं, सब कुछ आपके ब्राउज़र में स्थानीय रूप से चलता है, पूर्वावलोकन क्लाइंट-साइड प्रस्तुत करता है और सीएसएस आपके डिवाइस पर उत्पन्न होता है। कुछ भी अपलोड नहीं किया गया है, इसलिए टूल तेज़ और पूरी तरह से निजी है।

विज़ुअल नियंत्रण समायोजित करें और जेनरेट किए गए सीएसएस की प्रतिलिपि बनाएँ। एक बॉक्स छाया के लिए, ऑफसेट, धुंधला, फैलाव और रंग सेट करें; ग्रेडिएंट के लिए, लाइव पूर्वावलोकन के साथ रंग और दिशा चुनें ताकि आपको कॉपी करने से पहले सटीक लुक मिल सके।

हाँ। जनरेटर लाइव पूर्वावलोकन के साथ ग्रेडिएंट, छाया और ग्लास/न्यूमॉर्फिक शैलियों जैसे आधुनिक प्रभाव उत्पन्न करता है, ताकि आप बिना हाथ-ट्यूनिंग मानों के उत्पादन-तैयार सीएसएस की प्रतिलिपि बना सकें।

हाँ। प्रत्येक परिवर्तन एक लाइव पूर्वावलोकन को तुरंत अपडेट करता है, और कॉपी-रेडी सीएसएस उसके साथ अपडेट होता है, इसलिए आप जो देखते हैं वही आप पेस्ट करते हैं।