Cara Mengganti Backgroud WordPress dengan CSS Animasi Gradient

hi gaes siang ini saya sedikit memberi tutorial bagaimana cara mengganti backgroud website jadi gradient alias bisa gonta ganti warna otomatis dan pastinya ini juga mempercantik blog wordpress anda hehe 😀 oke langsung saja ikuti langkah2nya

  1. Login pada blog wordpress kamu lalu buka menu Appearance -> Edit CSS
  2. copas script css ini ke editor CSS yang di menu Edit CSS tadi
  3. script css copas aja di bawah
    body {
    height: 90vh;
    background: linear-gradient(-45deg, #EE7752, #E73C7E, #23A6D5, #23D5AB);
    background-size: 400% 400%;
    -webkit-animation: Gradient 15s ease infinite;
    -moz-animation: Gradient 15s ease infinite;
    animation: Gradient 15s ease infinite;
    }@-webkit-keyframes Gradient {
    0% {
    background-position: 0% 50%
    }
    50% {
    background-position: 100% 50%
    }
    100% {
    background-position: 0% 50%
    }
    }@-moz-keyframes Gradient {
    0% {
    background-position: 0% 50%
    }
    50% {
    background-position: 100% 50%
    }
    100% {
    background-position: 0% 50%
    }
    }@keyframes Gradient {
    0% {
    background-position: 0% 50%
    }
    50% {
    background-position: 100% 50%
    }
    100% {
    background-position: 0% 50%
    }
    }

sekian dulu dari saya tutorial yang saya buat dengan singkat hehe jika ada yang ingin di tambahkan silahkan komentar di bawah terima kasih 🙂

Baca Juga:  6 Cara Bersihkan Memori RAM HP Android
Avatar photo
Bang Yogi

Saya ingin melihat-lihat untuk mendapatkan ide segar dan kadang-kadang hanya duduk dan bekerja di depan komputer berjam-jam.

Articles: 528

Leave a Reply

Your email address will not be published. Required fields are marked *