Menonaktifkan Fungsi Efek Transisi di Blog - Efek transisi memang cukup mempunyai kegunaan 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 jikalau anda ingin menonaktifkan fungsi tersebut tanpa harus repot-repot menghapus seluruh isyarat CSS transisi di dalam template?
Maka dari itu disini aku akan memperlihatkan tips cara mengatasinya dengan memasukan sedikit isyarat pada template, berikut cara penerapannya
Terlebih dahulu buka blog anda > Template > Edit HTML > Silahkan salin dan terapkan isyarat 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 isyarat 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 :
![10 Brand Power Bank Terbaik Harga Murah Dan Terjangkau [Update 2018]](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6g_CivsIZ_SYqGuYo4XZM4ye7sKJXtwAa2oI35OMArZdxF7US9ejgdxeMTuZmZwgJdDgJiMdtpItnjh0K9plLyhEhQ7Z9wiAaeMtJTFP5ON_Rpz6wPxGKkN02Vn1NXT0YAJ0O0H8Ms16L/w360-h120-p-k-no-nu/merk+power+bank+asus+zenpower.jpg "10 Brand Power Bank Terbaik Harga Murah Dan Terjangkau [Update 2018]")
Post a Comment
Post a Comment