Как делается такой эффект для кнопки?

Question

[Hyubert]

Кнопка Submit на этом сайте имеет прикольный эффект при нажатии , хотелось би узнать как ето делать

Готовые решения не интересуют, мне интересно как это сделать самому с помощью CSS и jQuery

www.nimbusnine.co/contact

Answer 1

[coderisimo]

materializecss.com/waves.html#!

Comments

[Hyubert]

Готовые решения не интересуют, мне интересно как это сделать самому с помощью CSS и jQuery

[coderisimo]

Hyubert: Ну, так вэлкам! Код не обфусцирован)). Смотрим, как работает и делаем так же только лучше

[coderisimo]

Hyubert: это оно? там пошаговая объяснялка thecodeplayer.com/walkthrough/ripple-click-effect-...

Answer 2

[gassmonkey]

Готовые решения не интересуют, мне интересно как это сделать самому с помощью CSS и jQuery

У вас есть пример реализации, и вам кинули ещё 4 в ответах. Что мешает посмотреть исходники?

Comments

[Hyubert]

ну если кто то уже разобрался и может подсказать, зачем мне убивать время?

[gassmonkey]

Hyubert: А зачем кому-то убивать время на ленивого засранца вроде тебя? В конец уже ох#ели, лентяи.

Answer 3

[Risin0]

Такой эффект подпадает под стиль material design.

Готовых реализация довольно много:
1) materialize
2) material-ui
3) mui

Comments

[Hyubert]

Готовые решения не интересуют, мне интересно как это сделать самому с помощью CSS и jQuery

Answer 4

[Карл Майнхофф]

Тут все показано пошагово

Answer 5

[Евгений Лубяной]

https://t.me/webcodernotes/124

Comments

[Hyubert]

Здравствуйте, спасибо за ответ, но прошло 3 года - уже не актуально