Cara Merubah Warna Text Dengan Gradient Animation Blogger - JTC TEAM

TUTORIAL TIPS AND TRICKS FREE FOR YOU

Cara Merubah Warna Text Dengan Gradient Animation Blogger

Setelah kemarin tepatnya tanggal 12 juli 2018 saya membagikan cara merubah warana background blogger dengan gradient animation, dan pada kesempatan kali ini saya akan membagikan cara merubah warna text dengan gradient animation blogger dimana nantinya taxt akan terlihat lebih elegan dengan animasi gradien.

TEXT GRADIENT

Baik, tak lupa saya ucapkan terimakasih banyak kepada pengunjung setia blog jtc team, dan tak lupa pula saya ucapkan selamat datang untuk pengunjung baru blog ini.

Ok, saya yakin anda pasti sudah tahu gradient animation itu seperti apa, karna pada postingan sebelumnya yaitu cara merubah warna backgroun dengan gradient animation blogger telah saya jelaskan sedikit yang saya tahu tentang gradient animation, jadi disini saya akan langsung saja menuju ketahap cara merubah warna text dengan gradient animation blogger.

  1. Buka "blogger.com" dan login dengan akun anda
  2. Pada bagian menu sebelah kiri klik tema, lalu klik edit html
  3. Tambahkan kode CSS di bawah ini, abaikan jika sebelumnya anda sudah menabahkannya karna kode ini sama dengan code pada postingan cara merubah warna background gradient animation blogger sebelumnya
  4. <style type='text/css'> @-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%}} </style>
  5. Sekarang tentukan text mana yang mau di rubah warnanya dengan gradient animation.
  6. Ganti code "color: #......;" dengan code di bawah ini
  7. background: linear-gradient(-45deg, #00C46F, #3CE790, #0BA9F4, #23D5AB);background-size: 400% 400%;-webkit-animation: Gradient 15s ease infinite;-moz-animation: Gradient 15s ease infinite;animation: Gradient 15s ease infinite;background-clip:text;-webkit-background-clip:text;text-fill-color:transparent;-webkit-text-fill-color:transparent;
  8. Setelah semuanya di terapkan sekarang coba simpan dan lihat hasilnya.
Nah sampai disini anda sudah berhasil merubah warna text dengan gradient animation, dan untuk mengganti warna gradient animationnya anda tinggal merubah code warna yang saya beri warna merah di bagian code nomor 5.

Ok, saya rasa cukup sekian postingan kali ini semoga bisa di mengerti dan bermanfaat untuk kita semua.

Akhir kata saya ucapkan maaf sebesar-besarnya jika ada salah kata yang menyinggung perasaan anda, sekian dan terimakasih,
Labels: TUTORIAL BLOGGER

Terimakasih Telah Membaca Cara Merubah Warna Text Dengan Gradient Animation Blogger. Semoga bermanfaat...!

Bagikan Ke Teman Anda!!!

0 Comment for "Cara Merubah Warna Text Dengan Gradient Animation Blogger"

Back To Top