리플 효과 BoxShadow가 보이지 않습니까?

Question

리앙 효과에 Fian의 Waves을 사용하고 있습니다. 문제는 'waves-circle'클래스가있는 버튼에 box-shadow 속성을 포함하면 그림자가 표시되지 않습니다.

CODE 나는 '스크립트'에 '파도 - 플로트'를 추가하는 경우

<style> 
.button { 
    background-color: Turquoise; 
    border: none; 
    border-radius: 50%; 
    box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23); 

    outline: 0; 
} 
</style> 

<button class="button waves">0</button> 

<script> 
Waves.attach('.waves', ['waves-circle']); 
Waves.init(); 
</script> 

지금, 그것은 그림자를 표시하지하지만 경계의 외부 효과가 넘쳐 있습니다. 내가 원하는 것은 box-shadow 속성을 가진 단추의 테두리에 효과를 정확하게 맞추는 것입니다.

Waves.attach('.waves', ['waves-circle', 'waves-float']); 

내가 무엇을 놓치고 있는지 알 수 있습니까?

감사

Answer 1

추가 :

class="waves-effect" 

.waves-effect이 답변 overflow: hidden;