Menonaktifkan Fungsi Efek Transisi di Blog - Efek transisi memang cukup berkhasiat diterapkan pada blog sebagai efek halus dengan jeda yang telah ditentukan saat kursor di arahkan ke suatu elemen pada blog dan sebagian besar template blog yang pernah aku jumpai di dalamnya terdapat efek transisi.
Efek transisi biasa ditulis menyerupai 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 kalau anda ingin menonaktifkan fungsi tersebut tanpa harus repot-repot menghapus seluruh arahan CSS transisi di dalam template?
Maka dari itu disini aku akan memperlihatkan tips cara mengatasinya dengan memasukan sedikit arahan pada template, berikut cara penerapannya
Terlebih dahulu buka blog anda > Template > Edit HTML > Silahkan salin dan terapkan arahan 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 arahan di bawah ini
<body>Menjadi menyerupai ini
<body class="fullload">Terakhir, simpan template.
Cukup gampang bukan, untuk melihat akhirnya silahkan lihat demo di bawah ini
Demo sebelum menonaktifkan efek transisi
See the Pen Efek Transisi by (@arlinadesign) on CodePen.
Demo sesudah menonaktifkan efek transisi
See the Pen Efek Transisi Dihilangkan by (@arlinadesign) on CodePen.
Selamat mencoba.
Source :