লিনিয়ার গ্রেডিয়েন্টগুলি উপরে থেকে নীচের মত লিনিয়ার ফরম্যাটে দুই বা ততোধিক রঙ সাজানোর জন্য ব্যবহার করা হয়।
উদাহরণ
আপনি CSS3 −
-এ লিনিয়ার গ্রেডিয়েন্ট প্রয়োগ করতে নিম্নলিখিত কোড চালানোর চেষ্টা করতে পারেন<html>
<head>
<style>
#grad1 {
height: 100px;
background: -webkit-linear-gradient(pink,green);
background: -o-linear-gradient(pink,green);
background: -moz-linear-gradient(pink,green);
background: linear-gradient(pink,green);
}
</style>
</head>
<body>
<div id = "grad1">
</div>
</body>
</html> 