Javascript 如何在html元素/标记上创建类似“放大镜”的功能

我有一个简单的div id=1，当用户将其悬停时，我需要div变大，同时需要嵌套文本。我的想法是通过“放大镜”来观察。不能使用插件，我不知道如何开始。。。可能吗

//css
.one{
height:100px;
width:100px;

}

//html
<div id="one">
Another one bites the dust
</div>

---

你试过什么了吗？在谷歌上没有找到符合我需要的东西你试过css:hover吗？？问题过于宽泛，因为预期的结果是未知的。这不是一个问题。问题是如何将文本和div一起放大，可能很容易，但我没有注意到。。我不知道从哪里开始：/这里有一把小提琴让你开始，我建议你回来问一个更具体的问题