Liquid Particles Animation, Liquid Image hover

[Figar Ali 0 Likes (Newbie)]

Hello everyone, 

I would like to develop this kind of animation for my background. Anybody suggest me about this how can I develop this?
Also how can I add liquid hover effect on images. 

 

https://s.muz.li/NzNjY2YzNGRi

 

Thanks

 

[ZachSaucier 7,133 Likes (Superhero)]

Hey Figar. Those effects are created using custom WebGL GLSL shaders. It's not the most simple thing to write one yourself but you can find a lot of existing effects on sites like Codrops. This article about mixing WebGL with regular webpage content might help as well.

[Visual-Q 979 Likes (Leader)]

I'm not too familiar with particle animation but maybe these libraries would be useful:

 

Particle js looks interesting.

 

https://vincentgarreau.com/particles.js/

 

and I think threejs has particle systems as well:

 

https://threejs.org

[Figar Ali 0 Likes (Newbie)]

5 hours ago, ZachSaucier said:

Hey Figar. Those effects are created using custom WebGL GLSL shaders. It's not the most simple thing to write one yourself but you can find a lot of existing effects on sites like Codrops. This article about mixing WebGL with regular webpage content might help as well.

Apricated. Thank you so much.