Menonaktifkan Fungsi Efek Transisi di Blog - Arlina Design
Menonaktifkan Fungsi Efek Transisi di Blog

Menonaktifkan Fungsi Efek Transisi di Blog - 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.


Efek transisi biasa 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, 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 Design (@arlinadesign) on CodePen.



Demo setelah menonaktifkan efek transisi

See the Pen Efek Transisi Dihilangkan by Arlina Design (@arlinadesign) on CodePen.



Selamat mencoba.

Source : http://www.arlinadzgn.com/2014/10/menonaktifkan-fungsi-efek-transisi-di-blog.html

Menonaktifkan Fungsi Efek Transisi di Blog

Menonaktifkan Fungsi Efek Transisi di Blog

Menonaktifkan Fungsi Efek Transisi di Blog - 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.


Efek transisi biasa 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, 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 Design (@arlinadesign) on CodePen.



Demo setelah menonaktifkan efek transisi

See the Pen Efek Transisi Dihilangkan by Arlina Design (@arlinadesign) on CodePen.



Selamat mencoba.

Source : http://www.arlinadzgn.com/2014/10/menonaktifkan-fungsi-efek-transisi-di-blog.html

Related Post

Disqus Codes
  • To write a bold letter please use <strong></strong> or <b></b>
  • To write a italic letter please use <em></em> or <i></i>
  • To write a underline letter please use <u></u>
  • To write a strikethrought letter please use <strike></strike>
  • To write HTML code, please use <code></code> or <pre></pre> or <pre><code></code></pre>
    And use parse tool below to easy get the style.
Show Parser Box

strong em u strike
pre code pre code spoiler
embed

Subscribe Our Newsletter

Notifications

Disqus Logo