Gradient tuyến tính được sử dụng để sắp xếp hai hoặc nhiều màu theo định dạng tuyến tính.
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> Đầu ra
