`radial-gradient()` ফাংশনের دوم প্যারামিটার হিসেবে সাইজ কীওয়ার্ড (farthest-corner, closest-side, ইত্যাদি) দিয়ে গ্রেডিয়েন্টের আকার কন্ট্রোল করা যায়।
উদাহরণ: রেডিয়াল গ্রেডিয়েন্ট সাইজ
<!DOCTYPE html>
<html>
<head>
<style>
body { font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; }
#radial {
height: 200px; width: 200px;
background-image: radial-gradient(40% 50px at center, rgb(30, 255, 0), rgb(0, 195, 255), rgb(128, 0, 32));
}
</style>
</head>
<body>
<h1>রেডিয়াল গ্রেডিয়েন্ট সাইজ উদাহরণ</h1>
<div id="radial"></div>
</body>
</html>
কোড ব্যাখ্যা
- 40% 50px at center: Horizontal radius 40%, vertical radius 50px, position center।
- সাইজ কীওয়ার্ড: farthest-corner (ডিফল্ট), closest-side, closest-corner, farthest-side।
- at center: গ্রেডিয়েন্টের কেন্দ্র পজিশন।
সিনট্যাক্স
`radial-gradient( [size] [at position], color-stop1, color-stop2, ... )`
