search

Daemonite / material

Material Design for Bootstrap 4
http://daemonite.github.io/material/
MIT License
3.2k stars 725 forks source link

Make Buttons ripple effect smoother #255

Open ayoubkhan558-zz opened 4 years ago

ayoubkhan558-zz commented 4 years ago

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 commented 4 years ago

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

djibe commented 4 years ago

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

Looks like official ripple.

ayoubkhan558-zz commented 4 years ago

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 commented 4 years ago

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

This will be the reference

djibe commented 4 years ago

But you can customize it with Ripplet.js

ayoubkhan558-zz commented 4 years ago

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 commented 4 years ago

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 commented 4 years ago

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

ayoubkhan558-zz commented 3 years ago

@djibe Looks good now.