सीएसएस स्नातक जनरेटर

मैं फ़ोटोशॉप-जैसे ग्रेडिएंट बनाने के लिए एक छोटा लेकिन उपयोगी उपकरण साझा करना चाहता हूं। इस टूल को जोर से कहा जाता है - अल्टीमेट सीएसएस ग्रेडिएंट जेनरेटर । लेकिन यह ऐसा नाम नहीं है जो इसे अधिक महत्व देता है, बल्कि निर्माता - ये वही लोग हैं जिन्होंने फ़ायरफ़ॉक्स के लिए एक महान प्लग-इन ColorZilla बनाया है।

लेकिन कम शब्द, अधिक काम। जनरेटर बहुत सरलता से काम करता है:

• सूची में से जिस टेम्पलेट की हमें आवश्यकता है उसे चुनें (और उनमें से सौ से अधिक हैं)
• तत्वों के आकार को अनुकूलित करें
• रंगों को परिभाषित करें
• कोड कॉपी करें

कोड बहुत साफ है, यहाँ एक उदाहरण है:

background: #ebf1f6; /* old browsers */ background: -moz-linear-gradient(top, #ebf1f6 0%, #abd3ee 50%, #89c3eb 51%, #d5ebfb 100%); /* firefox */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ebf1f6), color-stop(50%,#abd3ee), color-stop(51%,#89c3eb), color-stop(100%,#d5ebfb)); /* webkit */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebf1f6', endColorstr='#d5ebfb',GradientType=0 ); /* ie */ 

इसके लिए कोड है


UPD : एक और बेहतरीन टूल के लिए Lazio_od को धन्यवाद।