material Make Buttons ripple effect smoother

Please Make Buttons ripple effect smoother, They are not smooth at this time. Click on button does not feel good. Its a sudden effect. This should be smooth.

It should be something like this. Material Design for Bootstrap Buttons

May 10 '20 20:05 ayoubkhan558-zz

You can create issues in my own fork if you want.

May 11 '20 13:05 djibe

Hi, is it OK for you ? https://codepen.io/luncheon/pen/zYvLNvM

Looks like official ripple.

May 13 '20 19:05 djibe

Hi, is it OK for you ? https://codepen.io/luncheon/pen/zYvLNvM

Looks like official ripple.

_ I like these ones _

http://fian.my.id/Waves/#examples https://luncheon.github.io/ripplet.js/demo/

May 16 '20 19:05 ayoubkhan558-zz

Official ones are much faster https://material-components.github.io/material-components-web-catalog/#/component/button

This will be the reference

May 16 '20 20:05 djibe

But you can customize it with Ripplet.js

May 16 '20 20:05 djibe

Official ones are much faster https://material-components.github.io/material-components-web-catalog/#/component/button

This will be the reference

Yes official ones are faster. But Daemonite material button effect is very sudden. It does not look good.

May 17 '20 16:05 ayoubkhan558-zz

I think the problem comes from .btn:active background-image. You can create a fiddle. Or I'll try to do it during next week.

May 17 '20 17:05 djibe

Here it is : https://djibe.github.io/material/docs/4.5/material/buttons/

May 29 '20 19:05 djibe

@djibe Looks good now.

Mar 23 '21 10:03 ayoubkhan558-zz