Cara Membuat Kode CSS Warna Gradient Bisa Untuk Blog dan Web

Yo, sobat gapunyakode. Memberikan sentuhan seni pada sebuah tampilan website atau blog akan memberikan dapak positif pada pengunjung. Karena tampilan yang nyaman digunakan dan sedap dipandang akan membuat betah pengunjung.

Faktor utama hal yang mempengaruhi tampilan blog tersebut nyaman atau tidak adalah dari segi pemilihan warna utama blog. Sehingga sobat harus kreatif dan tepat dalam pemilihan warna.

Saat ini ada design web/blog dengan tampilan yang kekinian. Yaitu dengan warna gradient, warna ini bisa sobat gapunyakode aplikasikan di bagian header, footer atau pun bagian-bagian sub-menu. Mau tau caranya ? Berikut sob.

Cara Membuat Kode CSS Warna Gradient Bisa Untuk Blog dan Web

Kode CSS Warna Gradient

#header-container {
    background: linear-gradient(to left, #000, #ff3939);
    color: #fff;
    -webkit-box-shadow: 0 3px 10px 0 rgba(0,0,0,0.2);
    box-shadow: 0 3px 10px 0 rgba(0,0,0,0.2);
    position: fixed;
    width: 100%;
    z-index: 999;

Nah, itulah kode css yang akan memberikan efek gradient pada setiap bagian tag yang kalian akan sisipkan. Baik itu blog ataupun web html sederhana bisa menggunakan kode tersebut ya sob, jadi silahkan dicoba.

Penjelasan Kode CSS Warna Gradient

Kode paling disini adalah "background: linear-gradient(to left, #000, #ff3939);". Kode inilah yang akan memberikan warna gradient.

  1. Sobat bisa mengubah "to left" menjadi "to right" sesuaikan dengan keinginan sobat.
  2. Kode warna #000 adalah warna hita
  3. Kode FF3939 adalah kode warna merah
  4. Kode warna tersebut bisa sobat ganti-ganti sesuai dengan keinginan sobat.
  5. Dan pastikan menyisipkan css pada div yang sesuai, agar langsung jadi ya sob.
Kesimpulan
Membuat warna gradient pada bagian header, footer ataupun sub menu tidaklah sulit dilakukan, sobat gapunyakode hanya perlu memberikan satu kode css yang tepat sesuai penjelasan diatas, jika langkah-langkah dilakukan dengan benar maka sekali coba saja pasti langsung berhasil.

0 Response to "Cara Membuat Kode CSS Warna Gradient Bisa Untuk Blog dan Web"

Post a Comment

Silahkan berkomentar Sob tapi untuk beberapa komentar yang tidak sesuai seperti link aktif dan hal-hal yang tidak baik tidak akan ditampilkan !. Terima kasih

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel