Senin, 17 Desember 2012

Cara Membuat Gradient



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 :





0 komentar :

Posting Komentar