Gradient dengan CSS

Sudah tidak asing lagi buat orang yang terbiasa design website so pasti pake CSS (Cascading Style Sheet) solusinya.

Berikut ini adalah tata cara membuat gradient dengan menggunakan CSS, mungkin penggunaan / pemakaian gradient ini dapat berfungsi untuk mempercantik halaman website yang kalian bangun.

Style.css

#gradientSatu{
  background: #9aa9b3;
  background: -webkit-gradient(linear, left top, left bottom, from(#000000), to(#9aa9b3));
  background: -webkit-linear-gradient(top, #000000, #9aa9b3);
  background: -moz-linear-gradient(top, #000000, #9aa9b3);
  background: -ms-linear-gradient(top, #000000, #9aa9b3);
  background: -o-linear-gradient(top, #000000, #9aa9b3);
  width:200px; height:200px;
  float:left;
  margin:5px 5px 5px 5px;
 }

#gradientDua{
  background: #ffadef;
  background: -webkit-gradient(linear, left top, left bottom, from(#e02626), to(#ffadef));    
  background: -webkit-linear-gradient(top, #e02626, #ffadef);
  background: -moz-linear-gradient(top, #e02626, #ffadef);
  background: -ms-linear-gradient(top, #e02626, #ffadef);
  background: -o-linear-gradient(top, #e02626, #ffadef);
  width:200px; height:200px;
  float:left;
  margin:5px 5px 5px 5px;
}

Silahkan Download kemudian bongkar Sourcode'ya kemudian pahami script CSS (Casecading Style Sheet) yang ada di dalamnya.
Klik Here To Download

Tweet