Menonaktifkan Fungsi Efek Transisi di Blog
Snippet Tips Blogger
Efek transisi memang cukup berguna diterapkan pada blog sebagai efek halus dengan jeda yang telah ditentukan ketika kursor di arahkan ke suatu elemen pada blog dan sebagian besar template blog yang pernah saya jumpai di dalamnya terdapat efek transisi.
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
Demo setelah menonaktifkan efek transisi
Selamat mencoba.