Как реализовать эффект/анимацию для картинки «underwater»?

Question

[IlyaHamraev]

Ребят, такой вопрос, попросили реализовать эффект для картинки будто она под водой и колышется, вообще ничего не удалось подобного найти, помогите пожалуйста.
Вот пример на который ссылаются.
https://dribbble.com/shots/12234624-Ocean-project-...

Comments

[YavaDev]

Вот https://tympanus.net/codrops/2020/03/17/create-a-w...

Answer 1

[Danny Arty]

Это? У меня dribbble заблокирован провайдером -_-

Comments

[Капитан Какао]

"dribbble заблокирован провайдером"
жесть какая-то))) время менять провайдера если он блокирует dribbble))

[IlyaHamraev]

к сожалению нет.
вот сделал гифку)
https://giphy.com/gifs/FY0Tr2i4dslmATBTdt

[Danny Arty]

Капитан Какао, согласен, что жесть, но только этот провайдер предоставляет лучшую скорость. Вообще много сайтов в блоке по непонятным причинам, тот же livejournal например

[Danny Arty]

IlyaHamraev, именно слайдер нужен с таким эффектом?

[IlyaHamraev]

Danny Arty, не, слайдер уже реализован, посмотри как картинки двигаются и их края будто идут волной.
Вот нужно что бы картинки именно так же двигались

Answer 2

[strelok011]

Предполагаю что пригодится это и это