animation 相关问题

动画是一系列视觉效果的快速显示，以创造运动或变化的幻觉。

网格视图和列表视图切换时的动画

我怎样才能使这种类型的动画在颤动中在列表视图和网格视图之间切换。这是我的代码，我正在使用英雄动画，但它现在可以工作。有一个自定义开关可以在...之间切换

flutter animation gridview flutter-animation

回答 1 投票 0

如何从视图转换中排除元素？

我有一个 v17.3 Angular 应用程序，并使用 withViewTransitions() 函数启用了视图转换。现在，如何从默认（根）视图转换中排除一个特定元素？ ::view-trans...

css angular animation css-transitions view-transitions-api

回答 1 投票 0

Activity转场共享动画背景bug

通过使用共享元素在活动之间进行转换时遇到错误。我正在使用示例 ActivitySceneTransitionBasic 。在导航前添加延迟。 new Handler().postDelayed(() -> {...

android animation android-activity android-transitions shared-element-transition

回答 1 投票 0

与 TreeView 一起使用时的 FadeTransition 问题

我遇到了与此处报告类似的问题。在我的应用程序中，我为具有多个组件的系统提供了“健康”状态项的树视图。要求是闪现一个&qu...

animation javafx treeview

回答 1 投票 0

有没有办法在浏览器中暂停或控制 gif 动画？

我在 Firefox 中，正在查看一个包含多个操作方法部分的页面。其中每个都有一个动画 git，显示用户按照说明进行操作。动画过得太快了，我来不及

animation firefox

回答 2 投票 0

带有淡入淡出文本动画的TextView

我正在尝试在 Swift 中实现 Textview，例如：https://github.com/chtgupta/FadeInTextView-Android 我尝试为文本更改时的不透明度动画设置 CALayer，但在动画之后...

ios swift animation textview calayer

回答 1 投票 0

如何在用户点击<a>（链接）时触发多个动画

我有这个Html代码，我希望点击链接后播放所有动画： document.querySelector('.play').addEventListener('click', function() { document.querySelector('.t...

javascript html css animation

回答 1 投票 0

assimp库中的aiAnimation是什么？

assimp库中的aiAnimation是什么？我在下面的链接中了解了如何使用 assimp 实现骨骼动画。text 因此，我加载了一个打算在 Unity 中使用的 3D 模型文件和一个 FB...

animation assimp

回答 1 投票 0

Swift：类似于iPhone滑动关闭的自定义滑块

如何创建与图像中的滑块类似的自定义滑块？有什么想法吗？先感谢您！我尝试修改默认的ios UISlider。我还尝试使用 3 UIView: 1 ...

ios swift iphone animation slider

回答 1 投票 0

真实元素边框和gsap标记之间的区别

我使用 GSAP ScrollTrigger 制作图像的垂直滑块。这个想法是， id=scroller 的隐藏元素需要一定的高度（我选择它为 400 vh），而所有内容都在...

javascript animation parallax gsap scrolltrigger

回答 1 投票 0

HTML/JS：暂停垂直滚动并为元素添加动画

我有一个网站，其中包含一个水平溢出的元素。我希望当用户从上到下垂直滚动网站时，div 从左到右水平滚动。我有一个网站，其中包含一个具有水平溢出的 <div> 元素。我希望当用户从上到下垂直滚动网站时，div 从左到右水平滚动。在此阶段，主要内容不应移动，只有 div 应该滚动。一旦 div 完全滚动到右侧，网站的垂直滚动应该正常继续。反过来也应该如此。我尝试使用 ScrollMagic 进行固定，但是在尝试固定主要内容容器时遇到卡顿： https://codepen.io/oelrim/pen/ZEGWvOK 还有其他插件可以实现我想要的吗？试试这个： var scene = document.querySelector('#sec-2'); var rect = document.querySelector('#rect'); var startEffect = scene.getBoundingClientRect().top + window.scrollY; var effectLength = 500; scene.style.marginBottom = effectLength +'px'; window.addEventListener('scroll', function(e){ var effect = window.scrollY - startEffect; if(effect > 0 && effect < effectLength) { scene.style.marginTop = effect+'px'; scene.style.marginBottom = effectLength-effect+'px'; rect.style.left = effect * (scene.offsetWidth-rect.offsetWidth) /effectLength+'px'; } else if (effect < 0) { scene.style.marginTop = 0; scene.style.marginBottom = effectLength+'px'; rect.style.left = 0; } else { scene.style.marginTop = effectLength+'px'; scene.style.marginBottom = 0; rect.style.left = (scene.offsetWidth-rect.offsetWidth)+'px'; } }); html, body {padding:0;margin:0} #sec-1 { height: 100vh; background: repeating-linear-gradient(yellow 0, yellow 10px, green 10px, green 20px); } #sec-2 { position: relative; height: 100vh; background: repeating-linear-gradient(red 0, red 10px, green 10px, green 20px);} #sec-3 { height: 100vh; background: repeating-linear-gradient(red 0, red 10px, blue 10px, blue 20px);} h1 { color: white; text-shadow: 2px 2px 3px black, -2px -2px 3px black; margin: 0; } #rect { position: absolute; width: 60px; height: 60px; background-color: white; top: calc(50% - 30px); left: 0; } <div id="sec-1"> <h1>This is section 1</h1> </div> <div id="sec-2"> <h1>This is section 2</h1> <div id="rect"></div> </div> <div id="sec-3"> <h1>This is section 3</h1> </div> 很棒的片段。谢谢约瑟夫·图卡钦斯基。我知道这篇文章很旧。也许你们还在这个星球上:D 谢谢我将您的代码与光滑的滑块结合起来，计算了效果变量的模数以切换到下一张幻灯片。效果很好。今天，一位客户抱怨卡顿，这是真的，在 Windows 上切换到除 Firefox 之外的其他浏览器，在 mAcO 浏览器中我看到了卡顿。奇怪的是，随着鼠标滚轮移动缓慢，div 会向上滑动一点，然后又下降。我有一个想法，也许改变 margintop 并不是每个周期都有帮助，但这并没有按计划进行。是否有其他方法可以在咆哮时固定 div 以消除口吃？谢谢

javascript html animation scroll scrollmagic

回答 2 投票 0

点击时的 CSS 动画播放状态

如何在单击按钮时使用CSS（而不是JS）中的animation-play-state属性暂停/播放阶段更改动画？我在互联网上找到的所有内容都是点击相同的元素或......

html css animation css-animations

回答 2 投票 0

在 SwiftUI 中执行动画

我正在开发 SwiftUI 视图。视图中有一个按钮，当我们按下按钮时，应该执行两个操作，一个用于执行动画，另一个用于异步 API 调用。我很好奇...

swift animation swiftui async-await

回答 1 投票 0

如何重置超时/动画？（离子/角）

我想在应用程序通知中显示一些消息。它的行为应该是这样的：点击一个按钮通知下滑+显示文字通知滑回如果有的话...