Recent update to Pro has added a page transition appended to all <a> with an href. How do I disable the transition?

[muskosan]

Hi,

One of the recent updates to Pro has introduced a page transition that is a fade-out + scaling transformation to the entire page (the html dom element itself). It’s attached to every link with an href.

I can’t find any documentation on this addition, how to change it, disable it, or remove it. I don’t see it mentioned in the release notes.

Where can I change this, or disable it? It’s breaking the experience of my project.

[ruenel]

Hey Alexander,

Thanks for writing in! I have check your site:

It appears that you have added this custom CSS code:

p a {
    color: #0d0d0d;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 65%, rgb(170, 241, 255) 65%);
    transition: .2s all;
}

p a:hover {
    color: #0d0d0d;
    background: rgb(170, 241, 255);
    transition: .2s all;
}

I am not sure if I am checking the correct site. It is best that you provide us the page URL so that we can check it as well.

Best Regards.

[muskosan]

Wrong site – but I found the problem. How embarrassing – it was my own code I wrote in the global js and forgot about. Feel free to delete this entire thread.

[ruenel]

No worries, Alexander.