वेबकिट ग्रेडियंट सिंटैक्स

Question

मैं -webkit-gradient संपत्ति के बारे में पढ़ रहा हूं और मुझे यह समझ में नहीं आ रहा है।

रेडियल:

-webkit-gradient(radial, 105 105, 20, 112 120, 50, from(#ff5f98), to(rgba(255,1,136,0)), color-stop(75%, #ff0188)), 

105 105, 20, 112 120, 50 क्या मतलब है?

लीनियर:

background: -webkit-gradient(linear, 40 50, 50 50, color-stop(0.0, yellow), 
      color-stop(0.5, orange), color-stop(1.0, red)); 

40 50, 50 50 क्या मतलब है?

Answer 1

Webkit gradient documentation

रेडियल ग्रेडिएंट के लिए, पहले दो तर्क मूल (x0, Y0) और त्रिज्या r0 साथ एक शुरुआत चक्र का प्रतिनिधित्व करते हैं, और अगले दो तर्क मूल (x1, y1 के साथ समाप्त चक्र का प्रतिनिधित्व) और त्रिज्या आर 1।

रेडियल के लिए

तो: "105 105, 20, 112, 120, 50", यह एक चक्र 105px पर शुरू छोड़ दिया और 20px के दायरे 105px ऊपर और एक चक्र 112px छोड़ दिया पर समाप्त और 120px शीर्ष दायरे वाले है 50 पीएक्स का;

रैखिक के लिए: "40 50, 50 50", 40px पर 50px शीर्ष पर शुरू होता है, और 50px शीर्ष 50px शीर्ष पर जारी रहता है।