0

सीएसएस पैटर्न पृष्ठभूमि जेनरेटर

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

20px
45°
प्रसंस्करण... 0%

नतीजा

अधिकांश "पैटर्न जेनरेटर" उपकरण चुपचाप प्रत्येक विकल्प के लिए समान दोहराव-रेखीय-ग्रेडिएंट फॉर्मूला का पुन: उपयोग करते हैं और केवल संख्याएं बदलते हैं। यह ऐसा नहीं करता है: यहां छह पैटर्न प्रकारों में से प्रत्येक विशिष्ट सीएसएस तकनीक से बनाया गया है जो वास्तव में उस आकार का निर्माण करता है। धारियाँ दो रंगीन बैंड के साथ एकल दोहराव-रैखिक-ढाल का उपयोग करती हैं। डॉट्स एक रेडियल-ग्रेडिएंट का उपयोग करते हैं जो पूरी तरह से पृष्ठभूमि-आकार के माध्यम से टाइल किया जाता है - क्लासिक सीएसएस-डॉट्स ट्रिक - एक दोहराव-रेडियल-ग्रेडिएंट के बजाय, जो एक आयताकार ग्रिड पर एक गोलाकार बिंदु को साफ-साफ टाइल नहीं कर सकता है। चेकरबोर्ड वास्तविक चार-चतुर्थांश शंकु-ढाल सूत्र का उपयोग करता है: एक वर्ग टाइल में केंद्रित एक शंकु ढाल स्वाभाविक रूप से 90-डिग्री सीमाओं पर चार चतुर्थांश वर्गों में विभाजित हो जाता है, और उन चतुर्भुज टाइलों में दो रंगों को एक वास्तविक चेकरबोर्ड में बदल देता है, एक अनुमान नहीं।

ग्रिड और विकर्ण क्रॉसहैच दोनों बॉर्डर ट्रिक्स के साथ दूसरी दिशा को नकली बनाने के बजाय अलग-अलग पृष्ठभूमि-छवि प्रविष्टियों के रूप में दो दोहराव-रेखीय-ग्रेडिएंट की परत बनाते हैं। ग्रिड स्पष्ट क्षैतिज और ऊर्ध्वाधर नियम रेखाओं के लिए "दाईं ओर" और "नीचे की ओर" दोहराई जाने वाली ढाल को जोड़ती है। क्रॉसहैच बास्केटवीव-शैली विकर्ण बुनाई के लिए +45डिग्री और -45डिग्री दोहराव वाले ग्रेडिएंट की परतें बनाता है - इसके बारे में सटीक होने के लायक: यह एक ईमानदार क्रॉसहैच है, वास्तविक हेरिंगबोन ज्यामिति नहीं है, और उपकरण इसे ओवरक्लेम करने के बजाय इस तरह से लेबल करता है। त्रिकोण चेकरबोर्ड की चार-वेज शंकु-ग्रेडिएंट तकनीक का पुन: उपयोग करते हैं लेकिन ग्रेडिएंट को 45 डिग्री घुमाया जाता है, जो टाइल के किनारे के मध्य बिंदु से पच्चर की सीमाओं को उसके कोनों में स्थानांतरित कर देता है और समान चार वेजेज को चार चतुर्भुज वर्गों के बजाय चार कोने-से-कोने त्रिकोण में बदल देता है।

प्रत्येक पैटर्न प्रकार केवल उन नियंत्रणों को उजागर करता है जो वास्तव में उस पर लागू होते हैं - एक कोण स्लाइडर धारियों के लिए दिखाई देता है, डॉट त्रिज्या और रिक्ति बिंदुओं के लिए दिखाई देती है, लाइन की मोटाई ग्रिड और क्रॉसहैच के लिए दिखाई देती है - और बड़े टाइल वाले पूर्वावलोकन बॉक्स हर बदलाव पर फिर से रंगते हैं ताकि आप एक मूल्य पर प्रतिबद्ध होने से पहले कई पूर्ण दोहराव देख सकें। आउटपुट मोड को एसवीजी में पलटें और वही पैटर्न सादे रेक्ट, सर्कल, पथ या बहुभुज आदिम से निर्मित एक <पैटर्न> तत्व के रूप में फिर से दिखाई देता है, जो किसी भी एसवीजी दस्तावेज़ के <defs> के अंदर चिपकाने के लिए तैयार है, एक स्टैंडअलोन .svg फ़ाइल के लिए एक-क्लिक डाउनलोड के साथ।

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