গ্রেডিয়েন্ট দুই বা ততোধিক রঙের সমন্বয় প্রদর্শন করে। রৈখিক গ্রেডিয়েন্টগুলি উপরে থেকে নীচের মতো রৈখিক বিন্যাসে দুই বা ততোধিক রঙ সাজানোর জন্য ব্যবহার করা হয়। রেডিয়াল গ্রেডিয়েন্ট কেন্দ্রে উপস্থিত হয়৷
CSS3 −
-এ লিনিয়ার এবং রেডিয়াল গ্রেডিয়েন্টের ব্যবহার দেখানো কোডটি নিচে দেওয়া হলউদাহরণ
<!DOCTYPE html>
<html>
<head>
<style>
body{
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}
.linearGradient {
height: 100px;
width: 300px;
background-image: linear-gradient(rgb(255, 0, 200), yellow);
}
.radialGradient {
height: 200px;
width: 200px;
background-image: radial-gradient(rgb(255, 0, 200),yellow);
}
</style>
</head>
<body>
<h2>Linear Gradient </h2>
<div class="linearGradient"></div>
<h2>Radial Gradient</h2>
<div class="radialGradient"></div>
</body>
</html> আউটপুট
উপরের কোডটি নিম্নলিখিত আউটপুট −
তৈরি করবে
