小编mik*_*ndi的帖子

让我解释一下我想要达到的目标。

我的网站上有文字，当用户将鼠标悬停在上面时，我想让它变大，当用户离开悬停时变小。

问题是当我使用:hoverCSS 中的方法将其放大时，我无法在之后恢复到它之前的（初始）状态。

#sname{
    margin-top: 100px;
    margin-bottom: 100px;
    color: rgba(1,1,1,0.7);
}

#sname a{
    font-weight: bold;
    font-size: 4em;
}

#sname a:hover{
    font-size:88px;
    transition: all 500ms;
    font-size-adjust: 20px;

}

我有点卡住了，我试过了，not:(:hover)但没有任何作用，我也用过:onmouseleave

这是一个大学项目的网站，我的工作大部分已完成（必须将其链接到数据库），但我只想通过 CSS 让它看起来更好，我会使用 javascript，但对它的工作原理知之甚少。

谢谢。