Payco Sebagai Pengganti Paypal

Siapa yang tidak kenal Paypal...?? Paypal adalah salah satu online payment terbesar yang sudah mendarah daging bagi para pebisnis onlin...

Cara Membuat Baground Gradient/Gradasi

21:46:00
Membuat baground gradient, pasti anda sudah tahu dengan yang di namakan baground gradient. Buat anda yang belum tahu anda bisa lihat contohnya pada tombol "search" di kotak pencarian diatas. Pada tombol tersebut menggunakan gradient dari atas ke bawah dengan warna merah ke putih.

Cara pembuatannya silahkan simpan kode kode di bawah ini:
  • CSS Gradient Atas ke Bawah 
    background:-moz-linear-gradient(100% 100% 90deg, #2F2727, #1a82f7);
    background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#1a82f7), to(#2F2727));
    background:-webkit-linear-gradient(#2F2727, #1a82f7);
    background:-o-linear-gradient(#2F2727, #1a82f7); 
    • CSS Gradient Kiri ke Kanan
    background:-moz-linear-gradient(left, #2F2727, #1a82f7);
    background:-webkit-gradient(linear, left top, right top, from(#1a82f7), to(#2F2727));
    background:-webkit-linear-gradient(left, #2F2727, #1a82f7);
    background:-o-linear-gradient(left, #2F2727, #1a82f7);
    • CSS Gradient dengan Color Stop
    background:-moz-linear-gradient(left, #2F2727, #1a82f7, #2F2727, #1a82f7, #2F2727);
    background:-webkit-gradient(linear, left top, right top, from(#2F2727), color-stop(0.25, #1a82f7), color-stop(0.5, #2F2727), color-stop(0.75, #1a82f7), to(#2F2727));
    background:-webkit-linear-gradient(left, #2F2727, #1a82f7, #2F2727, #1a82f7, #2F2727);
    background:-o-linear-gradient(left, #2F2727, #1a82f7, #2F2727, #1a82f7, #2F2727);
    • CSS Gradient dengan Arbritary Stop Spesifik
    background:-moz-linear-gradient(left, #2F2727, #1a82f7 5%, #2F2727, #1a82f7 95%, #2F2727);
    background:-webkit-gradient(linear, left top, right top, from(#2F2727), color-stop(0.05, #1a82f7), color-stop(0.5, #2F2727), color-stop(0.95, #1a82f7), to(#2F2727));
    background:-webkit-linear-gradient(left, #2F2727, #1a82f7 5%, #2F2727, #1a82f7 95%, #2F2727);
    background:-o-linear-gradient(left, #2F2727, #1a82f7 5%, #2F2727, #1a82f7 95%, #2F2727);

    Itulah beberapa scrypt pembuatan  baground gradient atau gradasi, cara penggunaannya sangat mudah letakkan asrypt diatas pada bagian bagroend blog anda atau widget anda. contohnya seperti dibawah ini.

    Misalkan anda akan membuat baground blog anda menjadi gradasi, Masuk ke edit html => body
    setelah ketemu masukkan kode diatas setelah body
    body {background:-moz-linear-gradient(100% 100% 90deg, #2F2727, #1a82f7);
    background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#1a82f7), to(#2F2727));
    background:-webkit-linear-gradient(#2F2727, #1a82f7);
    background:-o-linear-gradient(#2F2727, #1a82f7); }

    Untuk Kode warnanya klik disini

    Ditulis Oleh : ARIF'S ~ Kenyih.com

    Anda sedang membaca sebuah artikel yang berjudul

    Cara Membuat Baground Gradient/Gradasi

    URL : http://satriacellnet.blogspot.com/2011/04/cara-membuat-baground-gradientgradasi.html

    Semoga artikel tersebut bermanfaat untuk anda, Mohon maaf apabila konten yang anda baca rusak atau salah dalam penulisan. Jika ada pertanyaan, kritik, dan saran yang ingin di sampaikan silahkan tulis di kotak komentar

    :: Terima Kasih, TTD:kenyih.com ::

    Artikel Terkait

    Previous
    Next Post »
    Rekomendasi Untuk Anda close button minimize button maximize button

    2 comments

    Write comments
    nantaPD
    AUTHOR
    5 May 2011 at 14:32 delete

    Bos.. tolong tiap kode di kasih tampilan hasil gradient, jadi pengunjung tinggal pilih...... Trims

    Reply
    avatar
    28 September 2011 at 16:12 delete

    Trimakasih bos atas sharingnya....
    Dari googling ketemu di sini....

    Reply
    avatar

    Maaf untuk komentar saya aktifkan moderasi, ini untuk menghindari komentar spam yg tidak berhubungan dengan artikel yag di komentari. EmoticonEmoticon