Make Buttons ripple effect smoother

[ayoubkhan558-zz]

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

[djibe]

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

[djibe]

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

Looks like official ripple.

[ayoubkhan558-zz]

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/

[djibe]

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

This will be the reference

[djibe]

But you can customize it with Ripplet.js

[ayoubkhan558-zz]

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.

[djibe]

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.

[djibe]

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

[ayoubkhan558-zz]

@djibe Looks good now.