嗨，我正在尝试创建一个使用 a:active css 的链接，但一旦按住 3 秒，它就会播放动画，但当我停止按住按钮时就会停止

Question

嗨，我是 html css 和 java 的新手，不知道如何制作它，所以一旦按住按钮 3 秒，它就会执行动画，但我不希望它能够停止我想要它，所以一旦按住 3 秒后，无论您是否按住，它都会执行动画，所以基本上这就是我想要的：所以按钮按住 3 秒，然后动画播放，但我不再按住，它仍在继续：现在发生了什么：我按住了按钮持续 3 秒，动画开始播放，我的鼠标离开按钮，直接回到正常位置：下面的代码

html

<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>replit</title>
  <link href="style.css" rel="stylesheet" type="text/css" />
</head>

<body>
<div class="vb"><a href="#" id="demo" style="--clr:#f6546a"><span>Hello</span></a></div>

<zxcvbnm><link href="https://fonts.googleapis.com/css2?family=VT323&display=swap" rel="stylesheet">
</zxcvbnm>
  
</body>

</html>

CSS

keyframes b
{
  from {position: relative;top: 0px;}
  to {position: relative;rotate: 20deg;top: 300px;}
}

CSS

a:active
{
  animation: b 5s;
  animation-delay: 3s;
}

Answer 1

我们无法在这里详细解释所有基本内容，您需要自己去阅读一下。如果您仍然完全不熟悉 JavaScript 中事件处理的概念，developer.mozilla.org/en-US/docs/Web/Events/Event_handlers 可能是一个很好的起点。 – CBroe

嗨，我正在尝试创建一个使用 a:active css 的链接，但一旦按住 3 秒，它就会播放动画，但当我停止按住按钮时就会停止

问题描述投票：0回答：1

1个回答

最新问题

嗨，我正在尝试创建一个使用 a:active css 的链接，但一旦按住 3 秒，它就会播放动画，但当我停止按住按钮时就会停止

问题描述 投票：0回答：1

1个回答

最新问题

问题描述投票：0回答：1