div內的動畫只有

Question

我有一個按鈕內的圓形動畫，但我希望動畫留在按鈕內而不重疊。這可能嗎？

這是我的代碼。和fiddle

$(document).ready(function(){ 

     $('button').on("mouseup",function(){ 
      $('#mousemark').removeClass("click"); 
     }); 

     $('button').on('click', function(e){ 
      $('#mousemark').css({ 
       left: e.pageX, 
       top: e.pageY 
      }); 
      $('#mousemark').addClass("click"); 
     }); 

    }) 

Answer 1

只需添加position:relative和overflow:hidden到按鈕：

檢查DEMO

button { 
    width:400px; 
    height:200px; 
    margin:40px; 
    background-color:red; 
    position:relative; 
    overflow:hidden; 
}