赏金将在 5 天后到期。 此问题的答案有资格获得+50声望赏金。 henxdl想让更多人关注这个问题。 我有一个 div 背景平移，我想在 hover 上放慢速度： @keyframes backgroundScroll { 0% { background-position: 100% 50% ...
我想创建一个 CSS animation，其中箭头在滚动时沿着 SVG 蛇形路径移动，并在每个新部分更改图标。 这是我的页面设计供参考。 我看了几个例子： codepen.io/yesvin/pen/XymwvX codepen.io/gkando/pen/LYEvjOv 但是我无法用我的页面设 ...
我用 angular 构建了一个网页，每个模块都是一个组件，其中有一个 animation，但它仅在页面打开时运行，但我需要在组件在屏幕上可见时执行 animation。 我只是在下面尝试通过检查页面的 scrollY 来隐藏和显示组件。 有没有更好的方法呢？ ` ...
我有一个按钮，当鼠标悬停在该按钮上时，我使用animation来显示边框。 但是边框在顶部和底部完美地工作，但在左侧和右侧没有正确显示。 我希望边框像这里一样圆润： 我的结果： button { position: relative; border-radius: 100px; overflow: ...
有没有什么办法可以让这个 animation 也有倾斜的背景？ 使用纯 css 还是反应 spring？ Hover animation 我已经尝试了两种解决方案，但不是 em go 我诽谤背景 + 从左到右，从左到右 animation。 HTML： 我多么希望 slider 看起来像诽谤。 ...
我想制作一个 animation 作为一个在两侧打开的圆圈：有点像表情符号倒转。 我有两个半圆元素，我把它们并排放置。 我试图为其中一侧制作动画，但这并不是我真正想要的，我希望在半圆底部而不是中间拆分为 pivot。 由于当你旋转其中一个重叠的一半时，圆被分开并且彼此相邻成两半，我还没有尝试修复它 ...
我有这个问题：我有两个按钮btStop和btRace 。 BtPlays 单击所有按钮 bt1，我所有的车都在同时行驶。 BtStop 的工作原理完全相同，但它会停止 animation。我的问题是，当我单击 btRace 并且 animation 完成时，我无法再次单击它，除非我单击 btS ...
我正在尝试为三个字母的单词创建一个 animation。 现在，以 XYZ 一词为例。 这个想法是 XYZ 的每个字母都会在不同半径和方向的圆形路径上移动（就像一个字母向右移动，另一个向左移动和底部移动）然后回到原来的 position。我已经尝试为此使用不同的代码 forms但我失败了，因为我不 ...
我排列了一些点（DIV），链接到单页网站的每个部分。 它们位于固定的 position 中，因此它们会随着用户向下滚动而向下滚动。 但是，当我到达背景较浅的部分时，您看不到它们，如下图突出显示： 我想要的是让它们保持白色，但当用户向下滚动时，这些点会变成深灰色。 我确实有多个背景较浅的部分，所以我 ...
我正在使用animate.css和react-on-screen npm 包， react-on-screen package 是使用TrackVisibility组件，所以我可以制作一个很好的淡入效果。 但我只希望 animation 完成一次。 但是每次当我滚动回组件并且它重新出现在屏幕上时，a ...
正如您在来自视频的两个提供的图像中看到的那样，我想在 png 中创建两个旋转的径向渐变。 我已经设法使用 mask 属性在 png 中创建了一个非常准确的径向渐变，但是我未能在 png 中的不同位置创建两个径向渐变并使它们正确移动。 .box { display:inline-block; wid ...
我在 scroll (aos) 上使用了一个名为 animation的库。 图书馆有非常酷和好看的动画。 但是，在我的项目中，它会导致 html 文档出现一些溢出问题。 我该如何解决这个问题？ 该问题仅发生在从左侧动画滑动或淡入淡出时。 html 带把手的文档代码 ...
我做了一个掷骰子，实现了我在这里写的代码。 我将它添加到 wordpress 函数中的快捷方式 function.php，一切正常。 刚刚再次检查，它在一页上运行良好（滚动到底部） ，但在另一页上却不行，我不知道为什么！ 有什么想法吗？ HTML： CSS： 记者： ...
我想将像This 这样的动画添加到下面这个页面的背景中，但我不知道如何使用 bootstrap 5 来做到这一点，我在这里提供的图像，我希望它成为我的 html 页面的背景，请问我该怎么做？ 我的模板： ...
所以，我目前只是为自己做一个副项目，以便通过 html、css、javascript 了解更多信息。 我是第一次使用动画，出于某种原因我无法弄清楚为什么我的角色应该跑过边界的底部，为什么她半途消失了？ //tracker.js let count = 0; let count2 = 0; let ...
我目前正在尝试使用 HTML 和 CSS 创建眨眼效果。我的问题是下部（眼睑）移动方向错误。 它应该反向动画，以看起来像所需的效果。 我已经厌倦了很多事情来让它发挥作用，不知道还能做什么。 这是我的 CSS。这是不是也需要一些 JS 的问题？ ...
尝试循环显示 3 张图像，一次只显示一张图像 7 秒，然后消失，然后显示序列中的下一张图像，然后是下一张图像。 循环需要是无限的，没有“过渡/淡入淡出”延迟。 这些图像是 GIF 动画，因此尝试将时间与过渡对齐目前为止是行不通的。 目前正在使用这个： .images { margin: auto; ...
我正在尝试为不断变化的元素列表制作动画，其中一些元素消失，一些移动，一些出现。 理想的 animation 序列： 旧元素淡出现有元素从旧的 position 移动到新的 position 新元素渐入佳境问题（错误？）是旧元素在淡出时出现在列表的顶部或底部彼此堆叠。 我不能同时使用animate: ...
下面的代码片段包含 10 个项目的数组。 我可以拖放列表项，甚至可以在抓取列表项时实现一些基本动画： const App = () => { const [myArray, setMyArray] = React.useState([0, 1, 2, 3, 4, 5, 6, 7, 8, 9, ...
当你在页面上滚动时，页面显示一个元素，我希望能够指定这个元素并使用JS对其进行编码，这可能吗？ 我尝试了一些但它有另一个问题.. 我尝试的是， let section = document.getElementById('out'); window.onscroll = function() { i ...