एसईजी तत्वों के स्टाइल के लिए सीएसएस 3 ग्रेडियेंट

Question

स्टाइल भरने की संपत्ति के लिए CSS3 ग्रेडियेंट का उपयोग करना संभव है?

मुझे पता है कि एसवीजी अपने स्वयं के ग्रेडियेंट प्रदान करता है। लेकिन मेरे लिए आदर्श समाधान होगा:

.button{ 
    fill:#960000; 
    fill: -webkit-gradient,linear,left bottom,left top, 
      color-stop(0.45, #37304C),color-stop(0.73, #534D6B)); 
    fill: -moz-linear-gradient(center bottom,#37304C 45%,#534D6B 73%); 
    ... 
} 

जब मैं एसवीजी ढ़ाल का उपयोग करने की कोशिश की, मैं stucked मिला जब मैं बाहरी स्टाइलशीट करने के लिए शैली विशेषता निकालने की कोशिश की। ऐसा लगता है कि भरें: url (#linearGradientXYZ) काम नहीं किया क्योंकि ढाल को .svg फ़ाइल में परिभाषित किया गया था।

Answer 1

कोई भी संपत्ति भरने के लिए CSS3 ग्रेडियेंट का उपयोग करना अभी तक संभव नहीं है। अच्छी खबर यह है कि सीएसएस और एसवीजी कार्यसमूहों द्वारा इसकी चर्चा की जा रही है, और एसवीजी.एक्स्ट CSS3 छवि मानों पर निर्भर करेगा (जो सीएसएस ढाल वाक्यविन्यास को परिभाषित करता है)। http://www.w3.org/2011/07/29-svg-minutes.html#item08 देखें।

ध्यान दें कि डिफ़ॉल्ट रूप से fill:url(...) के लिए बेस यूआरएल वह फ़ाइल है जिसमें यह नियम शामिल है। इसलिए यदि आप बाहरी स्टाइलशीट में fill:url(#linearGradientXYZ) को स्थानांतरित करना चाहते हैं, तो उस ढाल परिभाषा वाली फ़ाइल में पूर्ण पथ जोड़ने के लिए याद रखें। ।