`radial-gradient()` ফাংশনের প্রথম প্যারামিটার হিসেবে `circle` বা `ellipse` দিয়ে গ্রেডিয়েন্টের আকার নির্ধারণ করা যায়।
উদাহরণ: রেডিয়াল গ্রেডিয়েন্ট শেপ
<!DOCTYPE html>
<html>
<head>
<style>
body { font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; }
#radial {
height: 200px; width: 300px;
background-image: radial-gradient(ellipse, rgb(217, 255, 0), rgb(255, 0, 0), rgb(14, 239, 255));
}
</style>
</head>
<body>
<h1>রেডিয়াল গ্রেডিয়েন্ট শেপ উদাহরণ</h1>
<div id="radial"></div>
</body>
</html>
কোড ব্যাখ্যা
- ellipse (ডিফল্ট): উপবৃত্তাকার, কন্টেইনারের অনুপাত অনুযায়ী।
- circle: পূর্ণ বৃত্তাকার, প্রস্থ ও উচ্চতা সমান।
- রঙ স্টপ: হলুদ → লাল → সায়ান।
কম্বাইন করা
`radial-gradient(circle 100px at center, red, yellow)` — আকার + সাইজ + পজিশন একসাথে।
