Iklan

Cara Menonaktifkan Efek Transisi Pada Blog Menggunakan CSS


Pada kali ini saya akan share Cara Menonaktifkan Efek Transisi Pada Blog Menggunakan CSS, tidak sengaja saya berkunjung ke blog seseorang saat mencari referensi menulis kok menemukan efek tersebut. 

Efek tersebut bertujuan memberi kan jeda pada kursor yang diarahkan ke sebuah elment tertentu, bagaimana untuk menonaktifkan efek tersebut simak langsung aja tutorial berikut ini ya gaes

Menonaktifkan Fungsi Efek Transisi di Blog


Biasanya Efek transisi ditulis seperti ini

.transitions {
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
}

Namun bagaimana jika anda ingin menonaktifkan fungsi tersebut tanpa harus repot-repot menghapus seluruh kode CSS transisi di dalam template?

Maka dari itu disini saya akan memberikan tips cara mengatasinya dengan memasukan sedikit kode pada template, berikut cara penerapannya

Terlebih dahulu buka blog anda > Template > Edit HTML > Silahkan salin dan terapkan kode di bawah ini sebelum  ]]></b:skin> atau </style>

.fullload * {-webkit-transition:none!important;-o-transition:none!important;
-moz-transition:none!important;-ms-transition:none!important;}

Selanjutnya ubah kode di bawah ini

<body>

Menjadi seperti ini

<body class="fullload">

Terakhir, klik simpan template.

Cukup mudah bukan, untuk melihat hasilnya silahkan lihat demo di bawah ini

Demo sebelum menonaktifkan efek transisi

See the Pen Efek Transisi by Arlina Code (@arlinacode) on CodePen.


Demo setelah menonaktifkan efek transisi



Selamat mencoba.
DONASI VIA PAYPAL Bantu berikan donasi jika artikelnya dirasa bermanfaat. Donasi akan digunakan untuk memperpanjang domain www.sudarblogger.web.id. Terima kasih.

0 Response to "Cara Menonaktifkan Efek Transisi Pada Blog Menggunakan CSS"

Post a Comment

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel