Home / CSS / HTML / Tips Blogger

Deactivate the Transition Effect Function on the Blog

by 𝕵𝖔𝖑𝖆 Post a Comment More
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

.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

See the Pen Transition Effect by Wiendhy (@wiana) on CodePen.


Demo after deactivating the transition effect 

See the Pen Transition Effect Is Eliminated by Wiendhy (@wiana) on CodePen.











𝕵𝖔𝖑𝖆
𝕵𝖔𝖑𝖆 Kyɛfa yɛ fɛ, nanso sɛ woannya mfaso mfi kyɛfa mu a, so wokɔ so kyɛ? Me nsusuw sɛ ɛho hia, momma yɛnkɔ so nkyerɛw blog

Post a Comment for "Deactivate the Transition Effect Function on the Blog"