Ripple effect inside .card view

hi all
when i add ripple class to card view, it shows a big circle around the card but i think the correct form is to show it inside div , like list item example.
does anybody knows how to solve it ?

add overflow:hidden to the element with ripple

thank you but the ripple effect disabled completely.

<div class="card ripple" style="overflow:hidden;">...</div>

make a demo using template from here How to ask a good question on forum

ok,
https://jsfiddle.net/yq02v84L/

This is working example https://jsfiddle.net/jxpne2ar/

1 Like