Membuat gradasi warna pakai css

Pada postingan kali ini saya akan menerangkan tentang cara membuat warna gradasi menggunakan css

 bagaimanakan cara membuat gradasi seperti gambar diatas ? langsung saja perhatikan kode berikut ini :
<html>
<head><title>Zackcode</title>
<style type="text/css">
#gradasi { border:5px solid black;
margin-right:300px; margin-left:300px;
background:-webkit-gradient(linear, left top, left bottom, color-stop(0, red), color-stop(0.5, orange), color-stop(1, red));
text-align:center;}
</style>
</head>
<body>
<div id="gradasi">
<h1>ZackCode</h1>
</div>
</body>
</html>

Catatan :
 -webkit- hanya berlaku untuk browser google chrome, jika menggunakan browser lain maka kodenya akan berbeda

  • Spread The Love
  • Digg This Post
  • Tweet This Post
  • Stumble This Post
  • Submit This Post To Delicious
  • Submit This Post To Reddit
  • Submit This Post To Mixx

1 Responses to “Membuat gradasi warna pakai css”

  1. Fariz Kekeke says:
    Komentar ini telah dihapus oleh penulis.

Leave a Reply

 
Converted by Ritesh Sanap | Sponsored by Downloaddeck.com Powered by Giant Themes