ফাংশন repeating-radial-gradient

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

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

সিনট্যাক্স

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

উদাহরণ

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

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

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

উদাহরণ

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

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

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

উদাহরণ

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

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

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

আরও দেখুন

ফাংশন repeating-linear-gradient,
যা একটি পুনরাবৃত্তিমূলক রৈখিক গ্রেডিয়েন্ট তৈরি করে
ফাংশন linear-gradient,
যা একটি রৈখিক গ্রেডিয়েন্ট তৈরি করে
ফাংশন radial-gradient,
যা একটি রেডিয়াল গ্রেডিয়েন্ট তৈরি করে