Wordpress LScache Plugin: Lazy Load Image break some hover images animation
Last Updated on: Wed, 15 Apr 2026 00:00:02 Hi In this Elementor blog page: https://www.dimo-crm.fr/blog-crm/ there is a smooth scale hover effect on the posts images but it is break > there is no smooth transition. I would like to keep lazy loadin image but also keep my hover effect? Thank you EDIT: this issue only appear if I use your CSS: / PART 1 - Before Lazy Load / img[data-lazyloaded] opacity: 0 / PART 2 - Upon Lazy Load / img.litespeed-loaded -webkit-transition: opacity .3s linear 0.2s -moz-transition: opacity .3s linear 0.2s transition: opacity .3s linear 0.2s opacity: 1 This topic was modified 3 years, 6 months ago by pako69. This topic was modified 3 years, 6 months ago by pako69. Hi @pako69, may I know the original hover effects css? If you are not sure about it, could you create a sample page with that effect? here is: .elementor-1816 .elementor-element.elementor-element-a473330 .uael-post__thumbnail:hover img transform: scale(1.07) opacity: 0.43 So I tried this below and it seems to work?: / PART 1 - Before Lazy Load / img[data-lazyloaded] opacity: 0 / PART 2 - Upon Lazy Load / img.litespeed-loaded -webkit-transition: all .3s linear -moz-transition: all .3s linear transition: all .3s linear opacity: 1 Yes, thats right, we will try to improve our document in the future. Thanks.
LiteCache Rush: Speed comes from using less, not from doing it faster
Reference