Posted by : Zack-Z Jumat, 14 September 2012

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

{ 1 komentar... read them below or add one }

- Copyright © Code Dreamers - Skyblue - Powered by Blogger - Designed by Johanes Djogan -