Deactivate the Transition Effect Function on the Blog
Disabling the Functions of Transition Effects on Blogs - Transition effects are quite useful to be applied to blogs as a subtle effect with a predetermined pause when the cursor is directed to an element on the blog and most of the blog templates I've encountered in it have transition effects.
The usual transition effects are written like this
But what if you want to deactivate the function without having to bother deleting all the transition CSS code in the template?
Therefore here I will give tips on how to overcome it by entering a little code in the template, following how to apply it
First open your blog> Template> Edit HTML> Please copy and apply the code below before ]]></b:skin> or </style>
Then change the code below
Become like this
Finally, save the template.
Easy enough, no, to see the results, please see the demo below
The usual transition effects are written like this
.transitions {
transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
}
But what if you want to deactivate the function without having to bother deleting all the transition CSS code in the template?
Therefore here I will give tips on how to overcome it by entering a little code in the template, following how to apply it
First open your blog> Template> Edit HTML> Please copy and apply the code below before ]]></b:skin> or </style>
.fullload * {-webkit-transition:none!important;-o-transition:none!important;
-moz-transition:none!important;-ms-transition:none!important;}
Then change the code below
<body>
Become like this
<body class="fullload">
Finally, save the template.
Easy enough, no, to see the results, please see the demo below
Demo before activating the transition effect
Demo after deactivating the transition effect