С помощью какого фреймворка или как сделать подобную анимацию фона?

Question

[Nicolas]

С помощью какого фреймворка или как сделать подобную анимацию фона? (при ведении курсора, по поверхности расходятся колебания как по воде)
есть предположение, что это vue.js или react.js...но точно не знаю
если это так, то можете поделиться ресурсами, видеокурсами и тд. или сказать где можно посмотреть как это делается?

хотел бы сделать запотевший фон (картинка)...при ведении курсора запотевание (конденсат) пропадает и мы видим картинку фона...если есть уже готовые решения, шаблоны или кто-то знает как это сделать...буду очень благодарен!

https://anemone.su/

Answer 1

[hzzzzl]

three.js стопудово
что-то типа такого
https://tympanus.net/codrops/2019/10/08/creating-a...
https://codesandbox.io/s/water-distortion-effect-c...

как работает вообще не в курсе, хоть и код перед глазами

UPD
хотя ладно, именно на этом сайте это тупо плагин jquery
sirxemic.github.io/jquery.ripples

UPD UPD

при ведении курсора запотевание (конденсат) пропадает и мы видим картинку фона...если есть уже готовые решения, шаблоны или кто-то знает как это сделать

зацени
https://codepen.io/erikrahm/pen/ywrmH

Answer 2

[Зикрилло Аббосов]

HTML (Haml) / CSS
Демо
https://codepen.io/vaibhavarora/pen/xmpxjp