Javascript 如何制作'；白色边框过渡和图像放大'；当鼠标悬停在图像上时

我正在尝试添加一个自定义悬停，就像项目中的瓷砖一样，悬停时，白色边框会向上转换，图像也会向上缩放。这是我的主页链接，这是我试图改进的投资组合网格-

更新2:

您可以在您的网站上使用以下示例。只需在图像结构中添加类：

zoomimg

菜单{
文本对齐：居中；
}
.zoomimg{
显示：内联块；
宽度：200px；
高度：200px；
填充：0px 5px 0px 5px；
背景大小：100%100%；
背景重复：无重复；
背景位置：中心；
过渡：所有。5s轻松；
位置：相对位置；
}
.zoomimg:悬停{
光标：指针；
背景尺寸：150%150%；
变换：矩阵（1,0,0,1,0,0）；
高度：150.797px；
宽度：150.984px；
}
.博客{
背景图片：url(http://www.david-healey.com/wp-content/uploads/2016/11/ST_Project_Thumb_570%C3%97587.jpg);
显示：块；
顶部：65.0938px；
溢出：隐藏；
}

---

您只需向上缩放

img

并向下缩放

.thumb-inner

.thumb-inner{
溢出：隐藏；
}
.拇指内侧，
.拇指内侧img{
转换：转换。3秒轻松输入输出；
}
.拇指内侧：悬停{
变换：缩放（.97）；
}
.拇指内侧img：悬停{
转换：比例（1.1）；
}

---

谢谢你，普拉蒂克。太棒了！你知道上野如何在悬停上加上白色边框吗？