Css 我可以在显示转换后禁用它吗？

是否有可能在鼠标悬停后，将鼠标移出并再次悬停在其上时，进行转换功能，不再运行？因此，在播放一次后禁用转换

---

谢谢

是的！悬停时，可以使用javascript更改转换元素的类名。但是，当您将鼠标悬停在transition元素上时，javascript函数将在您的onhover样式之前被调用，您甚至在第一次看到转换。要解决这个问题，您可以在第二次悬停时更改类名。下面是我如何在类名为“demo”的元素上执行此操作的，我在第二次悬停时将其更改为“demoover”：

var timedHover=0；
函数mouseOver（）{
if（timedHover！=0）{
document.getElementById（“demo”）.className=“demoover”；
}
timedHover=1；
}

.demo{
颜色：红色；
过渡：1s；
}
.演示：悬停{
颜色：粉红色；
}
demoover先生{
颜色：红色；
}

---

把鼠标放在我身上

是的！悬停时，可以使用javascript更改转换元素的类名。但是，当您将鼠标悬停在transition元素上时，javascript函数将在您的onhover样式之前被调用，您甚至在第一次看到转换。要解决这个问题，您可以在第二次悬停时更改类名。下面是我如何在类名为“demo”的元素上执行此操作的，我在第二次悬停时将其更改为“demoover”：

var timedHover=0；
函数mouseOver（）{
if（timedHover！=0）{
document.getElementById（“demo”）.className=“demoover”；
}
timedHover=1；
}

.demo{
颜色：红色；
过渡：1s；
}
.演示：悬停{
颜色：粉红色；
}
demoover先生{
颜色：红色；
}

---

鼠标悬停在我身上

欢迎来到StackOverflow！对不起，但是你需要提供更多的细节。你试过什么？你在用什么？你能提供一个简单的、最少的代码示例来说明你想要做什么吗？你好，欢迎来到StackOverflow:）请访问并阅读，看看如何正确地提问。另外，可能还有一个重复的欢迎来到StackOverflow！对不起，但是你需要提供更多的细节。你试过什么？你在用什么？您能提供一个简单的、最少的代码示例来说明您想要做什么吗？您好，欢迎使用StackOverflow:）请访问并使用，以了解如何正确地提问。此外，可能还有