Html 鼠标悬停缩略图，无需javascript即可查看大图像

我正在寻找一个CSS选项，它允许我将鼠标移到缩略图上以替换“大”图像。这里的技巧是使用缩略图链接中的锚href作为大图像源

下面的代码只适用于javascript，但我需要使用CSS而不使用javascript

... 
$（函数（）{
$（“.mouseover a”）.mouseover（function（）{
var src=$（this.attr（'href'）；
var classs=$（this.attr（'class'）；
classs=classs.substr（6）；
$（'..+classs.find（'img'）.attr（'src'，src）；
})
})

您可以使用“变换：缩放（）

.mouseover img{
转变：转变1s；
}
.鼠标悬停img：悬停{
变换：尺度（2）；
}

到目前为止您尝试了什么？我们只接受向解决方案方向努力的问题，而不仅仅是从piontsi开始，我找不到任何东西，这就是为什么我没有向您展示任何东西。您没有尝试css解决方案，这就是为什么目前的问题违反问题政策的原因。你应该做的是尝试一个css解决方案，并在遇到问题时发布一个问题。我被卡住了，因为我不知道如何将javascript代码转换为css。没有办法将javascript转换为css，我将标记该问题以关闭。请阅读更多关于HTML/css/JS的主题，并学习如何使用css以及它代表什么。