What is the blurring effect of the "take" film?

after you enter this article
you will see that the film will be blurred first
and then there will be a real
effect. Which technology is used to do this? How can
be realized?
the only thing I can do at the moment is a very simple lazyload.

Css3-Animation css3 css jquery javascript

Mar.17,2021

see if this is what you want, and this

for example, we have figure A, figure B, and figure An is a very small blurred picture. Figure B is the original picture with larger volume. When the loading of picture B completes the trigger event, replace figure A with figure B

when the loading is complete.

give several references:

CDN automatic Compression + program displays how is the effect from blur to clarity when the new version of Zhihu loads the picture? -Tw93's answer
Progressive JPEG use Progressive JPEG to enhance user experience

Previous: Call the interface directly using axios to return success, or use a proxy to call the interface but failed to return data

Next: How does the mobile monitor the distance the page rolls away?