Wordpress LScache Plugin: Lazy Load Animation
Last Updated on: Wed, 15 Apr 2026 00:00:02 How to give animation like this when lazy load? Ive tried using this CSS but the image is having problems: / PART 1 - Before Lazy Load / img[data-lazyloaded] opacity: 0 / PART 2 - Upon Lazy Load / img.litespeed-loaded display: inline-block position: relative width: 80px height: 80px position: absolute border: 4px solid #fff opacity: 1 border-radius: 50% animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite animation-delay: -0.5s @keyframes lds-ripple 0% top: 36px left: 36px width: 0 height: 0 opacity: 1 100% top: 0px left: 0px width: 72px height: 72px opacity: 0 Expand Source code: https://loading.io/css/ Thank you Try to append the animation to before lazy load not after. It still doesnt work, instead the image becomes round
LiteCache Rush: Speed comes from using less, not from doing it faster
Reference