Gradien CSS memungkinkan Anda menampilkan transisi warna yang kaya tanpa memerlukan file gambar bitmap berukuran besar.
CSS Gradients
Contoh Kode CSS Gradients:
<!DOCTYPE html>
<html>
<head>
<style>
.gradien-linear {
background: linear-gradient(135deg, #0d2e5c 0%, #fca311 100%);
color: white;
padding: 30px;
border-radius: 12px;
text-align: center;
font-family: sans-serif;
}
</style>
</head>
<body>
<div class="gradien-linear">
<h2>Linear Gradient 135 Derajat</h2>
<p>Kombinasi elegan antara Navy (#0d2e5c) dan Gold (#fca311).</p>
</div>
</body>
</html>
Uji dan amati bagaimana deklarasi CSS CSS Gradients mengubah tampilan elemen di atas.