Gradient tuyến tính được sử dụng để sắp xếp hai hoặc nhiều màu theo các định dạng tuyến tính như từ trên xuống dưới.
Ví dụ
Bạn có thể thử chạy mã sau để triển khai các gradient tuyến tính trong 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>