CSS: background gradasi

misalnya kita buat:

<style>
body {
  margin: 0;
  font: 13px Tahoma, sans-serif;
  line-height: 18px;
  color: #111111;
  min-width: 990px;
  background: orange;
  background: -webkit-gradient(linear, left top, left bottom, from(orange), to(lightyellow));
  background: -webkit-linear-gradient(orange, lightyellow);
  background-image: -moz-linear-gradient(top, orange, lightyellow);
  background-image: -moz-gradient(top, orange, lightyellow);
}
</style>

penjelasan:

beda webkit dengan moz ialah, moz untuk mozilla

-webkit-gradient(linear, titik awal, titik akhir, from(warna), to(warna))
-webkit-linear-gradient(warnawarna akhir)
-moz-linear-gradient(arah mulai, warna awal, warna akhir)
-moz-gradient(arah mulai, warna awalwarna akhir)


ICC

Komentar