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

Question

我想在“注册”中添加悬停动画。我到处搜索如何做到这一点，但找不到任何东西。

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

标签： javascriptcssreactjsonhover

Answer 1

您可以使用 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 的页面。