Menonaktifkan Fungsi Efek Transisi di Blog - Efek transisi memang cukup mempunyai kegunaan diterapkan pada blog sebagai dampak halus dengan jeda yang telah ditentukan dikala kursor di arahkan ke suatu elemen pada blog dan sebagian besar template blog yang pernah aku jumpai di dalamnya terdapat dampak 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 dampak transisi
See the Pen Efek Transisi by (@arlinadesign) on CodePen.
Demo sesudah menonaktifkan dampak transisi
See the Pen Efek Transisi Dihilangkan by (@arlinadesign) on CodePen.
Selamat mencoba.
Source :
0 Response to "Menonaktifkan Fungsi Efek Transisi Di Blog"
Post a Comment