CSS ग्रेडिएंट और शैडो जनरेटर
पूर्वावलोकन देखते हुए ग्रेडिएंट और बॉक्स शैडो बनाएँ, फिर CSS कोड कॉपी करें।
ग्रेडिएंट
आप 2 से 5 स्टॉप उपयोग कर सकते हैं, और वे स्थिति के अनुसार कम से अधिक क्रम में आउटपुट होते हैं।
पूर्वावलोकन
बनाया गया CSS
बॉक्स शैडो
आप अधिकतम 4 शैडो परतें उपयोग कर सकते हैं।
पूर्वावलोकन
बनाया गया CSS
CSS ग्रेडिएंट और शैडो जनरेटर कैसे उपयोग करें
मान बदलते ही पूर्वावलोकन और CSS कोड अपडेट हो जाते हैं। परिणाम पसंद आने पर CSS कॉपी करें दबाएँ और उसे अपनी स्टाइलशीट में चिपकाएँ।
सीमाएँ
- रंग केवल #RGB, #RGBA, #RRGGBB या #RRGGBBAA रूप के हेक्स में स्वीकार होते हैं, और शुरुआती # छोड़ा जा सकता है।
- सीमा से बाहर की संख्याएँ निकटतम अनुमत मान पर सेट हो जाती हैं। कोण 0–360 है, स्थिति और अपारदर्शिता 0–100 हैं, ऑफ़सेट और स्प्रेड -200 से 200 हैं, और ब्लर 0–200 है।
- संख्याएँ अधिकतम 2 दशमलव स्थान तक उपयोग होती हैं।
- रेडियल ग्रेडिएंट हमेशा केंद्र से फैलते हुए वृत्त होते हैं।
अक्सर पूछे जाने वाले प्रश्न
क्या मेरा इनपुट किसी सर्वर को भेजा जाता है?
नहीं। सब कुछ इसी ब्राउज़र के भीतर गणना होता है, और आपका इनपुट व परिणाम न सहेजे जाते हैं न अपलोड किए जाते हैं। पुनः लोड करने पर प्रारंभिक मान लौट आते हैं।
क्या स्टॉप का क्रम बदलने से परिणाम बदलता है?
आउटपुट CSS हमेशा सबसे कम स्थिति से क्रमबद्ध होता है। समान स्थिति वाले स्टॉप आपके दर्ज किए क्रम में रहते हैं।
अपारदर्शिता कैसे लागू होती है?
यदि शैडो रंग में 8-अंकीय हेक्स का अल्फ़ा है, तो उसे अपारदर्शिता (%) से गुणा किया जाता है और rgba() के रूप में आउटपुट किया जाता है। यदि वह पारदर्शी नहीं है, तो 6-अंकीय हेक्स के रूप में आउटपुट होता है।