<!DOCTYPE html>
<html lang="id">
<head>
<meta charset="utf-8">
<title>Contoh Pengaturan Arah Linear Gradients Menggunakan Sudut </title>
<style>
.gradient {
width: 400px;
height: 300px;
/* Kode pangganti untuk browser yang tidak mendukung gradien*/
background: red;
/* Untuk Safari 5.1 to 6.0 */
background: -webkit-linear-gradient(0deg, red, yellow);
/* Untuk Internet Explorer 10 */
background: -ms-linear-gradient(0deg, red, yellow);
/* Standard syntax */
background: linear-gradient(90deg, red, yellow);
}
</style>
</head>
<body>
<div class="gradient"></div>
</body>
</html>
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.