Cara membuat background blog berubah warna secara otomatis

Cara membuat background blog/Website berubah-ubah warna secara otomatis - Kali ini saya akan share tutorial cara merubah background blog atau website secara otomatis. Warna Background blog atau website akan berubah otomatis ketika kita scroll.

Bagaimana cara merubah background berubah warna secara otomatis, ya jika anda mengikuti panduan atau tutorial yang akan saya berikan di artikel ini pasti background blog anda akan berubah warna secara otomatis.

Untuk membuat Background berubah-ubah warna, kita akan menggunakan kode CSS @ Keyframe . Nah gambar dibawah ini adalah contoh background yang berubah-ubah warna :

Jika anda tertarik silakan ikuti tutorialnya, berikut cara membuat background berubah warna secara otomatis :

Cara membuat background berubah warna secara otomatis di blog/Website

Masuk ke Edit HTML Template anda, kemudian cari kode ]]></b:skin> atau </style>
Jika anda sudah menemukan kode diatas silakan masukan CSS dibawah ini diatas kode ]]></b:skin> atau </style>

     @-webkit-keyframes color {
           0% { background-color: #f1c40f; }
           32% { background-color: #e74c3c; }
           55% { background-color: #9b59b6; }
           76% { background-color: #16a085; }
           100% { background-color: #2ecc71; }
        }
        @-moz-keyframes color {
            0% { background-color: #f1c40f; }
           32% { background-color: #e74c3c; }
           55% { background-color: #9b59b6; }
           76% { background-color: #16a085; }
           100% { background-color: #2ecc71; }
        }
        @keyframes color {
        0% { background-color: #f1c40f; }
           32% { background-color: #e74c3c; }
           55% { background-color: #9b59b6; }
           76% { background-color: #16a085; }
           100% { background-color: #2ecc71; }
        }
     body{
            background-color: #f1c40f;
            -webkit-animation: color 5s ease-in 0s infinite alternate running;
            -moz-animation: color 5s linear 0s infinite alternate running;
            animation: color 5s linear 0s infinite alternate running;
        }

Setelah itu Save template anda

Nah sekian dulu Cara membuat background berubah warna secara otomatis selamat mencoba dan modifikasi terus blog anda dengan CSS dan Widget menarik lainnya.

Share on: Facebook Twitter Google+ Linkedin Technorati Digg LintasMe