ফাংশন repeating-radial-gradient

ফাংশন repeating-radial-gradient একটি পুনরাবৃত্তিমূলক রেডিয়াল গ্রেডিয়েন্ট নির্দিষ্ট করে। এর মানে হল যে আমরা গ্রেডিয়েন্টের একটি নির্দিষ্ট প্যাটার্ন নির্দিষ্ট করি, উদাহরণস্বরূপ, 0px থেকে 10px - লাল থেকে নীলাভ পর্যন্ত গ্রেডিয়েন্ট এবং এই গ্রেডিয়েন্টটি সম্পূর্ণ ব্লক জুড়ে পুনরাবৃত্তি হবে: 0px থেকে 10px, 10px থেকে 20px, 20px থেকে 30px এবং এইভাবেই চলতে থাকবে।

ফাংশনটি সেই একই প্যারামিটার নিয়ে কাজ করে যেমন radial-gradient, শুধুমাত্র পার্থক্য হল পুনরাবৃত্তির প্রভাব। গ্রহণযোগ্য প্যারামিটার radial-gradient-এর বর্ণনায় দেখুন।

সিনট্যাক্স

cssসিলেক্টর {
  background: repeating-radial-gradient([আকৃতি টাইপ অবস্থান], রঙ1 আকার1, রঙ2 আকার2...);
}

উদাহরণ

সমকেন্দ্রিক বৃত্ত:

html<div id="elem"></div>

css#elem {
  background: repeating-radial-gradient(circle at center, red 0px, red 2px, white 2px, white 4px);
  width: 400px;
  height: 200px;
}

Результат:

উদাহরণ

সমকেন্দ্রিক উপবৃত্ত:

html<div id="elem"></div>

css#elem {
  background: repeating-radial-gradient(ellipse at center, red 0px, red 4px, white 4px, white 8px);
  width: 400px;
  height: 200px;
}

Результат:

উদাহরণ

সমকেন্দ্রিক বৃত্তগুলো কেন্দ্রে না রেখে প্রান্তে রাখা হল:

html<div id="elem"></div>

css#elem {
  background: repeating-radial-gradient(circle at 50px 100px, red 0px, red 2px, white 2px, white 4px);
  width: 400px;
  height: 200px;
}

Результат:

আরও দেখুন