如何在CSS中的图像上设置白色轮廓？

Question

当我将鼠标悬停在它上面时，我有一个人头的 png 图像我希望头部得到大约 5px 的白色轮廓我尝试使用

 imgOnHover: {
 filter: 'drop-shadow(5px 5px 5px #FFF)',
 },

但它有点褪色，它来自一侧。

Answer 1

img:hover {
  border: 5px solid #FFF;
}