使用React在“注册”中添加悬停动画

如何解决使用React在“注册”中添加悬停动画

我想在“注册”中添加悬停动画。我正在四处搜寻，但找不到任何东西。

<div onClick={() => toggleRegister("login")}>Sign In</div>

解决方法

您可以使用CSS :hover伪选择器：

.sign-up-element {
    background-color: #f00;
    transition: background-color .3s; /* The transition property sets an animation to a specified attribute or "all" */
}

.sign-up-element:hover {
    background-color: #00f;
}

此方法适用于所有使用CSS的页面。