Как создать эффект Ripple на Click - Material Design

Я новичок в CSS-анимации, и я пытался заставить их анимацию работать последние часы, глядя на их код, но пока не могу заставить его работать.

Я говорю об этом эффекте:https://angular.io/ (эффект меню). По сути, это анимация при нажатии, которая расширяет круг от курсора мыши.

Кажется, все сводится к этим двум строкам:

transition: box-shadow .4s cubic-bezier(.25,.8,.25,1),background-color .4s cubic-bezier(.25,.8,.25,1),-webkit-transform .4s cubic-bezier(.25,.8,.25,1);
transition: box-shadow .4s cubic-bezier(.25,.8,.25,1),background-color .4s cubic-bezier(.25,.8,.25,1),transform .4s cubic-bezier(.25,.8,.25,1);

PS: может быть, есть какой-то jQuery, которого я не видел.

Ответы на вопрос(1)

Ваш ответ на вопрос