उत्तम नि: शुल्क ग्रेडियन्ट सर्जक
एक प्रत्यक्ष पूर्वावलोकन संग रेखात्मक र रेडियल CSS ग्रेडियन्टहरू निर्माण - पृष्ठभूमि कोड प्रतिलिपि।
१००% निःशुल्क
साइनअप छैन
वाटरमार्क छैन
✨
सबै भन्दा राम्रो AI मोडेल लागि प्रो जानुहोस् - छवि, भिडियो र कुराकानी - प्लस ठूलो अपलोड, लाम मा प्राथमिकता र कुनै प्रतीक्षा.
प्रो मा स्तरबृद्धि गर्नुहोस्
प्रेम Best.Free? यसलाई साझेदारी गर्नुहोस्
यो कसरी काम गर्दछ
- प्रकार रोज्नुहोस्. रेखात्मक वा अर्धव्यास चयन गर्नुहोस्, र रेखात्मक ग्रेडियन्टका लागि कोण सेट गर्नुहोस् ।
- रङ र रोकहरू रोज्नुहोस्. दुई वा बढी रङ र तिनको स्थिति सेट गर्नुहोस्; उन्नत विकल्पमा तेस्रो रोक थप्नुहोस् ।
- CSS प्रतिलिपि गर्नुहोस्. हिट प्रतिलिपि सीएसएस र आफ्नो शैलीपाना मा पृष्ठभूमि ग्रेडियन्ट टाँस्नुहोस्।
यो उपकरणको बारेमा
सम्पादन मानहरू अन्धकारको सट्टामा आँखाद्वारा CSS ग्रेडियन्ट निर्माण गर्नुहोस् । रेखात्मक र अर्धव्यास बीच स्विच गर्नुहोस्, रेखात्मक ग्रेडियन्टका लागि कोण तान्नुहोस्, र कम्तिमा दुई स्टपका लागि रङ र स्थिति रोज्नुहोस् जब पूर्ण चौडाइ पूर्वावलोकन बार अद्यावधिक हुन्छ । तपाईँको शैलीपाना भित्र परिणाम पृष्ठभूमि गुण सजिलै प्रतिलिपि गर्नुहोस् । उन्नत विकल्पहरूले समृद्ध मिश्रणका लागि तेस्रो रङ स्टप थप्दछ र अर्धव्यास ग्रेडियन्टका लागि वृत्त वा दीर्घवृत्त आकार रोज्न दिन्छ । यो सबै तपाईँको ब्राउजरमा चल्दछ ।
के मानिसहरूले यसलाई प्रयोग गर्दछ
- नायक वा खण्ड पृष्ठभूमि ग्रेडियन्ट डिजाइन गर्नुहोस्
- बटन वा कार्ड ग्रेडियन्ट भर्ने सिर्जना गर्नुहोस्
- दुई वा तीन ब्रान्ड रङहरू सुस्तरी मिलाउनुहोस्
- अर्धव्यास स्पटलाइट वा भिनेटे प्रभाव सिर्जना गर्नुहोस्
प्राय सोधिने प्रश्नहरू
रेखात्मक ग्रेडियन्टले तपाईँले रोजेको कोणमा सीधा रेखासँगै मिलाउँछ; अर्धव्यास ग्रेडियन्टले वृत्त वा दीर्घवृत्तको रूपमा केन्द्र बिन्दुबाट बाहिर मिलाउँछ ।
रेखाङ्कित ग्रेडियन्टको लागि कोणले मिश्रणको दिशा सेट गर्दछ - ०° तल-माथि, ९०° बायाँ-दायाँ, र यस्तै यस्तै जान्छ।
प्रत्येक रोकावट ग्रेडियन्टसँगै प्रतिशतमा राखिएको रङ हो । रोकावट सार्नेले त्यो रङ कहाँ बसेको छ र मिश्रण कति तिखो छ परिवर्तन गर्दछ ।
हो । बहु-रङ मिश्रणका लागि पहिलो र अन्तिम बीचमा घुसाइएको तेस्रो रङ रोक्न थप्न उन्नत विकल्पहरू खोल्नुहोस् ।
होइन । रङ र रोकहरू तपाईँको ब्राउजरमा स्थानीय रूपमा सीएसएस स्ट्रिङमा परिणत हुन्छन् ।
पूर्णतया निःशुल्क, कुनै खाता र कुनै सीमाहरू छैन - मिटर गर्न केही संग एक ग्राहक-पक्ष उपकरण।
हो. यो आफ्नो ब्राउजर मा चल्छ, त्यसैले CSS ग्रेडिएन्ट जेनरेटर फोन र ट्याब्लेट साथै डेस्कटप मा काम गर्छ - त्यहाँ स्थापना गर्न कुनै अनुप्रयोग छ.
सामान्यतया एक सामान्य फाइल लागि मात्र केही सेकेन्ड - CSS ग्रेडिएन्ट जेनरेटर तपाईं आफ्नो आगत दिन यो क्षण काम सुरु.
यो एक अत्यन्तै महत्वपूर्ण र महत्वपूर्ण कार्य हो, जसको लागि सबैले एक साथ काम गर्नु पर्छ।
सबै आधुनिक ब्राउजरहरू - क्रोम, सफारी, फायरफक्स र किनारा। CSS ग्रेडिएन्ट जेनरेटर तपाईं पहिले नै प्रयोग ब्राउजर भन्दा बाहिर स्थापना केही आवश्यक छ।