CSS ग्रेडियन्ट जेनरेटर

प्रत्यक्ष पूर्वावलोकन र प्रतिलिपि-तयार CSS संग रैखिक, रेडियल, र कोनिक ग्रेडियन्टहरू बनाउनुहोस्। स्टपहरू, कोणहरू र आकारहरू समायोजन गर्नुहोस् — त्यसपछि आफ्नो स्टाइलसिटमा टाँस्नुहोस्।

CSS Gradient Generator

Live

Type

Angle135°

Stop 1

Stop 2

Third color stopStop 3

CSS output

background: linear-gradient(135deg, #c026d3 0%, #fb923c 50%, #f43f5e 100%);

Key capabilities

प्रत्यक्ष पूर्वावलोकन र प्रतिलिपि-तयार CSS संग रैखिक, रेडियल, र कोनिक ग्रेडियन्टहरू बनाउनुहोस्।
तपाईको ब्राउजरमा चल्छ
प्रयोग गर्न नि: शुल्क

कसरी प्रयोग गर्ने

ग्रेडियन्ट प्रकार र कोण वा स्थिति छान्नुहोस्।
रंग स्टपहरू थप्नुहोस् वा सम्पादन गर्नुहोस्।
उत्पन्न CSS प्रतिलिपि गर्नुहोस्।

How this tool works

ग्रेडियन्ट प्रकार र कोण वा स्थिति छान्नुहोस्।
रंग स्टपहरू थप्नुहोस् वा सम्पादन गर्नुहोस्।
उत्पन्न CSS प्रतिलिपि गर्नुहोस्।

Recommended settings

पहिले पूर्वनिर्धारित विकल्पहरू प्रयोग गर्नुहोस्, त्यसपछि आवश्यक भए समायोजन गर्नुहोस्

Supported formats

Text / on-page input

File size and limits

धेरै जटिल बहु-तह पूर्वावलोकनहरू पुरानो फोनहरूमा ढिलो महसुस हुन सक्छ।

Privacy

रङ र CSS जेनरेटरहरू तपाईंको ब्राउजरमा पूर्ण रूपमा चल्छन्। पूर्वावलोकन र रूपान्तरणले तपाइँको शैलीहरू कहिल्यै अपलोड गर्दैन।

Common use cases

तपाईंलाई आवश्यक परेको बेला CSS ग्रेडियन्ट जेनरेटर प्रयोग गर्नुहोस्: प्रत्यक्ष पूर्वावलोकन र प्रतिलिपि-तयार CSS सँग रेखीय, रेडियल, र कोनिक ढाँचाहरू बनाउनुहोस्।

Troubleshooting

पेस्ट गरेपछि पूर्वावलोकन फरक देखिन्छ

तपाइँको पृष्ठमा प्रतिस्पर्धात्मक CSS को लागी जाँच गर्नुहोस् (रिसेटहरू, विरासत प्राप्त रंगहरू)। उत्पन्न नियमलाई पहिले एक अलग स्टाइलसिटमा प्रतिलिपि गर्नुहोस्।

बारम्बार सोधिने प्रश्नहरू

के यसले मेरो CSS अपलोड गर्छ?

होइन। जेनेरेटर र कन्भर्टरहरू तपाईंको ब्राउजरमा लाइभ पूर्वावलोकनको साथ चल्छन्।

के मलाई खाता चाहिन्छ?

होइन। उपकरण खोल्नुहोस्, नियन्त्रणहरू ट्वीक गर्नुहोस्, र CSS प्रतिलिपि गर्नुहोस्।