Animation

Hi Florian,

I see these lines in the head of my page source code:

<style>
:root {--lazy-loader-animation-duration: 300ms;}
.lazyload {display: block;}
.lazyload,.lazyloading {opacity: 0;}
.lazyloaded {opacity: 1; transition: opacity 300ms; transition: opacity var(--lazy-loader-animation-duration);}
</style>

I don’t really need the 300ms animation and I want to remove it. In this case is it safe to use your code snippet below to remove ALL inline styles above? Will Lazy Loader preserve it’s functionality?

NOTE: I don’t use a loading spinner and browsers with js disabled is an issue that we can ignore.

add_filter( 'lazy_load_responsive_images_inline_styles', function () {
    return '';
} );

Thank you,
Andrei