Angular animation 滚动

[英]Angular animation on scroll

我用 angular 构建了一个网页，每个模块都是一个组件，其中有一个 animation，但它仅在页面打开时运行，但我需要在组件在屏幕上可见时执行 animation。 我只是在下面尝试通过检查页面的 scrollY 来隐藏和显示组件。 有没有更好的方法呢？ ` ...

在 JavaScript 中使用 Element.animate() 更改动画计时功能

[英]Changing animation-timing-function with Element.animate() in JavaScript

我正在尝试使用Element.animate() function 中内置的 JavaScript 为 HTML div制作动画。遗憾的是，我还没有找到一种方法来更改与其他计时设置一起作为第二个参数解析的动画计时功能Element.animate()的 function。 到目前为止我的JavaSc ...

二维跳跃 Animation 陷入循环

[英]2D Jumping Animation stuck on loop

我已将跳跃 animation 添加到我的播放器。 当我的播放器跳跃时，animation 开始播放。 然而，当玩家着陆时，跳跃 animation 就会卡住。 当我检查动画师选项卡时，跳跃 animation 正在循环播放。 这是跳跃的代码——动画/实际运动： 这应该检查玩家是否接地： ...

精灵未更新

[英]Sprite in not updated

这段代码应该为背景上的精灵设置动画，但它只是显示没有任何移动的精灵。 我花了一天时间想办法解决问题，跟踪代码（我是新手所以我可能忽略了一些东西），将代码与原作者的代码逐行比较没有结果，顺便说一下，原始代码运行流畅意味着它是在我的电脑上不是问题。 请问你能帮帮我吗 对比原作者代码，修改我的代码 ...

Framer Motion 返回拖动按钮

[英]Framer Motion return drag button

我有可以使用成帧器运动拖动来移动的对象。 我怎样才能制作一个按钮将所有元素返回到它们的初始 position？ 我试着用动画来做，但 animation 又尖又丑。 我认为这是因为当你释放元素时，它仍然会在空间中“漂浮”一段时间，并且在 animation 继续这样做之后。 ...

如何防止硬编码下面的 CSS animation？

[英]How can I prevent hard coding the CSS animation below?

我正在使用@keyframes为这个 svg 设置动画： .candles { width: -webkit-fill-available; transition: all 0.5s; }.candles line, path{ stroke: #5ABCF3; animation-name: ...

如何在 Flutter 中使用 CustomPainter 为具有多个偏移点的线设置动画？

[英]How to animate a line with multiple offset points using CustomPainter in Flutter?

我想使用 Flutter 中的 CustomPainter 创建一条动画到多个偏移点的线，直到画出整条线。 我几乎已经实现了这种效果，通过使用 animation object 补间到每个新点，并使用索引来跟踪线条进度。 然后，在 CustomPainter 中，我画了 2 条线。 一个到线动画到 ...

动画文本使其滚动

[英]Animate text to make it scroll

在我的页面顶部，我希望有一些文本从左向右滚动，作为公告。 之前听说过CSS动画，但是不知道怎么制作。 到目前为止，这就是我所拥有的。 p { position: relative; animation-name: example; animation-duration: 13s; animatio ...

NextJS 组件淡化已删除的组件

[英]NextJS component takes fade of removed component

因此，我正在使用 NextJS 和 tailwind 为我的应用程序创建一个通知提供程序，但是当我显示多个通知并且最上面的通知被删除时，下面的通知将接管它的淡入淡出值，我该如何解决这个问题？ ...

打开和关闭 animation 模型的可见属性会干扰 ThreeJS 动画/渲染循环吗？

[英]Turning animation model's visible property on and off interferes with ThreeJS animate/render loop?

在我的ThreeJS应用程序 (r124) 中，我有一个 GLB animation model 我附加了一个聚光灯，让它看起来像一架带灯的无人机，可以打开和关闭。 我有一个 function 来“打开灯”，它唯一做的就是通过将其visible属性设置为true来使灯可见： this.tur ...

使用 tweenjs 的动画文字效果

[英]Animated text effect with tweenjs

请帮我弄清楚。 点击屏幕有文字animation效果，是用tween.js写的。 有谁知道如何在“tween.js”上创建这样的效果？ 这是链接： https://michalzalobny.com/orbit-gallery 我试图阅读“tween.js”文档并查看示例，但那里没有写类似的东西。 ...

DataGridRow animation WPF 为 CellsPanelHorizontalOffset 提供错误

[英]DataGridRow animation WPF gives error for CellsPanelHorizontalOffset

我的 DataGridRow 有一个 animation，当添加新行时，它会将其从左侧滑入视图。 一切正常，但在绑定错误中，我看到了一个错误。 animation代码添加到LoadingRow事件： 错误是： 每次添加新行时都会出现一堆这样的错误。 如何解决这个问题？ ...

Marquee animation 运行不流畅

[英]Marquee animation doesn't run smooth

我创建了一个带有选取框效果的顶部栏。 重要的是立即加载选取框内容（文本），因为这是用户看到的第一件事。 我有以下代码： window.requestAnimationFrame = (function(){ return window.requestAnimationFrame || window ...

有人可以帮我修复损坏的循环闲置 animation 代码吗？

[英]Can someone help me fix my broken looped idle animation code?

因此，在 Roblox Studio 中，我尝试让 R15 钻机播放闲置的 animation，ID：12297693014。 但是，该脚本将不起作用。 这是一个放置在“人形”下的本地脚本。 我试过了： 但装备只是保持 T 字姿势，这是我在玩游戏之前看到的。 代码有什么问题？ 最重要的是，我该如何 ...

关闭具有比例效果的手势

[英]Dismiss gesture with scale effect

当我添加一个拖动手势来关闭我的“大视图”时，它会缩放到手势的数量，但如果它关闭，视图会跳转到其原始比例并将视图动画化为“小视图”。 这是我的示例代码：`struct TestView: View { @State var showBigView = false }` 当视图以特定的 scaleEf ...

成帧器运动 animation 不适用于通过 map() 呈现的元素

[英]framer motion animation not working with element that rendered through map()

我正在尝试制作这样的动画： https://drive.google.com/file/d/1WQCg7j49xd5XfuaYuC2YFQCUU-UXassp/view?usp=sharing 这是我的代码：<motion.div layout className="grid grid-col ...

CSS - 根据背景更改滚动条的背景颜色

[英]CSS - Change Background Colour on Scroll Depending on the Background

我排列了一些点（DIV），链接到单页网站的每个部分。 它们位于固定的 position 中，因此它们会随着用户向下滚动而向下滚动。 但是，当我到达背景较浅的部分时，您看不到它们，如下图突出显示： 我想要的是让它们保持白色，但当用户向下滚动时，这些点会变成深灰色。 我确实有多个背景较浅的部分，所以我 ...

Lottie Animation 不适合 Android 设备上的屏幕高度

[英]Lottie Animation not fit screen height on Android device

我正在使用 Lottie animation 但 animation 区域（高度）仅达到屏幕的一半，即使我的 LottieAnimationView 使用 0dp 来匹配父级。 我不确定这是动画 JSON 问题，在 JSON 中，宽度为 768，高度为 1500，我使用像素 6，即 dp 412 x ...

在 hover 上再次运行 animation

[英]Run animation again on hover

我创建了一个动画https://designordering.com/resume/ 。 我想在 hover 上再次运行 animation。 .circle1 { fill: none; stroke: #000; stroke-width: 5px; stroke-dasharray: 34 ...

每 10 秒刷新一个元素

[英]refresh an element in react every 10 seconds

我有一个包含图像数组的组件，我需要它在 css 中完成 animation 后更改图像。trumpImage 组件从数组中选择随机图像，但仅在加载页面时执行一次。 所以我需要它来重新加载 div，这样图像就会在 animation 完成后发生变化。 ...