如何在mouseover上使圆形图像变暗？

Question

我设法让我的图像变暗，当用户悬停在它与this答案。但是我的图像使用引导img-round类这使得它看起来像这样，

<a href="#" class="darken"> 
    <img src="<?=$_SESSION['avatar']?>" alt="avatar" width="150px" class="img-circle"> 
</a> 

是否有可能消除这些黑边？

Answer 1

是你可以做到这一点，

可以将img-round类添加到a标签。这样，渐变叠加与图像具有相同的形状。

出于某种原因，边界不清晰，我将编辑答案，一旦我找到一个解决方案。