Membuat Gradient Dengan CSS
Masukan di dalam script <div>,<tablle>,dll
Default script : Style=”background:linear-gradient(v
alignment,color1 x%,color2 x%);”
Keterangan
:
v
alignment = posisi dari warna gradient,
contoh : top = color 1 berada di atas / bottom = color 2 berada dibawah.
color1
& color 2= warna, contoh : red,blue,green,dll
Untuk
Mozila Firefox :
Ø Style=”-moz-linear-gradient(v
alignment,color1 x%,color2 x%);”
Untuk
Google Chrome, dll :
Ø Style=”-webkit-linear-gradient(v
alignment,color1 x%,color2 x%);”
Untuk
Opera :
Ø Style=”-o-linear-gradient(v alignment,color1
x%,color2 x%);”
Contoh :
<html>
<head>
</head>
<body bgcolor="black">
<center>
<br/>
<div style="width:500; height:100;
background:-moz-linear-gradient(top,blue 10%,white 100%);
linear-gradient(top,blue 10%,white
100%);"
>
</div>
</center>
</body>
</html>
Hasilnya :
