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 anda 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 πŸ™‚

hosting indonesia
Admin
About Admin 81 Articles
Saya ingin melihat-lihat untuk mendapatkan ide segar dan kadang-kadang hanya duduk dan bekerja di depan komputer berjam-jam.

Be the first to comment

Leave a Reply

Your email address will not be published.


*