动画在使用{keyframe}的样式组件中不起作用

文章/答案/技术大牛

发布

1回答

reactjs、styled-components

我有一个基本组件- Emoji.jsx import styled from 'styled-components'; font-sizeonClick={() => handleClick(content)}>{content}</StyledEmoji>} export default Emoji; 我正在扩展这个组件，并在EmojiBubble.jsx中对它应用模拟 import Emoji

浏览 44提问于2020-09-27得票数 1

1回答

如何在ReactJs中使用样式化组件在状态改变时触发动画

reactjs、css-animations、styled-components

我尝试显示一行文本，这行文本存储在状态中作为“故事”，每次状态(文本)发生变化时，我都希望动画运行。问题是动画在页面加载时运行，而不是在状态更改后运行。我已经研究了React转换团队和其他一些方法，比如从css中删除和重新添加动画，但当我使用样式组件时，似乎没有什么是非常优雅的。用样式化组件解决这个问题最好的方法是什么？下面是我的代码中带有样式化组件</

浏览 17提问于2019-06-12得票数 1

1回答

制作按钮动画，并按比例显示。

css、reactjs、css-animations、styled-components

我试图为我的网站制作一个css动画，但我不能使它很好。我的问题是下一个:我想添加一个按钮，当出现0到1，当消失时必须缩放1到0，我的代码： -webkit-animation: fadeout{ transform: scale(0); to { }我想要的是，当按钮消失时，它会按1比0的比例显示，但我找不到办

浏览 1提问于2022-03-16得票数 0

1回答

角CSS3 keyFrames动画

angular、angular-aot

在一个角度项目中，我们使用以下CSS属性(在scss样式表中)来动画元素： 0% { } y:animation-timing-function: linear; animation-duration: 0.8s;问题是:虽然这些动画在devleopment服务器(ng serve)中运行得很好，但在构建项目的产品构建时却

浏览 0提问于2018-09-12得票数 1

回答已采纳

2回答

无法使用带样式组件的关键帧样式嵌套动画。

css、reactjs、frontend、styled-components

我正在创建一个图像动画与一个定制的动画在样式-组件与条件样式。但这让我错误地说我是用v4语法做<em

浏览 1提问于2019-06-26得票数 11

3回答

片段元素上的样式组件/反应样式

reactjs、styles、styled-components

我对StyledComponents有一个问题，是否可以使用React.Fragment或任何其他现有组件创建样式？我使用这个例子(意图是样式ContainerFragment将背景画在蓝色上，并使用所有样式) 如果这是不可能的，还有另一个解决办法吗？显式使用片段作为示例。更新：我在这个上提出了一个具体的问题

浏览 0提问于2019-08-14得票数 7

回答已采纳

1回答

统一-如何在运行时更改AnimationClip KeyFrame值

unity3d

是否可以通过Unity3d中的脚本在运行时从剪辑中更改关键帧值？(非遗赠) 我想改变“身体>手臂”的值-旋转。在普通剪辑中有3个关键帧，我只想将第二个关键帧值更改为120 F。在下面的屏幕快照中，您可以看到我的"RightArm“属性(第一个关键帧值为0)。结果必须是，当我站起来我的鼠标(位置。y可能也是120)，手臂必须跟随，而他在这个动画剪辑。我希望我对我的问题有足够的描述，让你能理解。每个google解决方案和许

浏览 3提问于2019-10-15得票数 0

2回答

jquery关键帧完成不触发

jquery、css、css-animations

我使用的是，在大多数情况下，它是有效的。containerWidth = items.length * itemWidth; width: containerWidth }}; 我遇到

浏览 1提问于2014-09-23得票数 0

回答已采纳

1回答

Flex advanceddatagrid在树展开时显示效果

apache-flex、flex4、advanceddatagrid

如何在flex中为AdvancedDataGrid中的树展开/折叠操作添加补间/添加效果。有没有人能解释一下？

浏览 4提问于2011-12-30得票数 0

回答已采纳

1回答

如何在物料界面中更改抽屉的缓动功能

reactjs、material-ui

如何更改抽屉使用的缓动功能？我需要将这两个ease函数更改为相同的值。使用MuiThemeProvider似乎不起作用。抽屉组件也不接受任何转换参数，只接受转换持续时间。有人能帮上忙吗？

浏览 19提问于2021-01-07得票数 0

1回答

JQuery同步动画不工作

javascript、jquery

我有一个与window.setInterval同步的jquery动画。回调函数没有被调用，图像的宽度和高度总是增加(而不是回到它的正常位置)，只要我停留在相同的页面窗口中，它就可以正常工作。我是jquery的新手，有什么可以帮我的吗？对不起，我的英语不好。

浏览 3提问于2013-10-03得票数 2

1回答

使用InteractionMode触摸的Flex 4列表:如何强制滚动条可见

actionscript-3、apache-flex、flex4

我正在使用最新的Flex4SDK Hero。我用InteractionMode="Touch“设置了一个经典的List组件。因此，我的垂直滚动条在我拖动列表之前是不可见的，这是正常的。我的客户要求我在列表中添加一些“向下翻页”按钮。new MotionPath("verticalScrollPosition")]; anim.motionPaths[0].keyframes = n

浏览 2提问于2010-11-29得票数 0

1回答

JavaFX:在某些情况下会忽略持续时间吗？

javafx

我在写用时间线移动球的代码。在以下代码中，持续时间(1000)运行良好：但是，当我使用KeyFrame的不同构造函数手动移动球时，我必须使用持续时间(5)以相同的速度移动球： timeline

浏览 0提问于2015-02-20得票数 1

回答已采纳

3回答

无法在Angular中制作CSS动画

angular

我正在尝试使用一个普通的css动画，如下所示： height: 0.5rem; background-color: blue; transition: transform 5s; transform: scaleX(15);它根本就不起作用。

浏览 2提问于2019-05-28得票数 2

1回答

放大效果不会使jquery平滑

jquery

放大动画在css版本中非常流畅，但在我的jquery版本中却不是这样。我使用.animate()函数： .animate({opacity: 1}, 1000) width:'+=70px',height:'+=70px', left: '-=40px' }, 5000, 'linear&#

浏览 3提问于2012-01-03得票数 1

回答已采纳

3回答

jQuery切换的替代方式？

javascript、jquery

由于切换已被弃用，因此我使用此命令来搜索div： }, 500); }有没有更干净的方法来做这件事

浏览 3提问于2013-11-05得票数 1

1回答

显示动画不工作，我想。布局加载，然后消失。

javascript、reactjs、scrollreveal.js

因此，我有一个显示动画在我的反应应用程序，使用ScrollReveal包，我努力使它正常工作。动画本身很好，但是我发现当我浏览应用程序并返回到应该显示布局的主页时，整个布局会在一瞬间显示出来，然后消失，开始动画。我认为这是公平的，希望动画立即开始，而不是有在乞讨的那种抖动的效果。我现在把它放在一个useEffect中，因为我认为它会修复它，但是它没有。它也尝试了useLayoutEffect，但是它不起作用。显示的主

浏览 6提问于2022-02-07得票数 0

2回答

如何将jQuery的动画从线性过渡到二次

jquery、animation、effects、slide

我想我注意到所有的jQuery转换(比如滑动效果)都是以线性的方式工作的。这意味着动画的速度永远不会改变。我想知道是否有可能将其更改为更平方的行为。这意味着，我希望动画慢慢开始，然后变得更快。

浏览 0提问于2012-02-10得票数 1

回答已采纳

2回答

带有状态的nativescript角度动画从不工作

angular、nativescript、angular2-nativescript

我正在尝试让动画在ng原生脚本应用程序中工作。下面是我在组件中配置动画的方式 trigger('accessState', [<Label text="hey there buddy" [@accessState]=

浏览 24提问于2017-07-22得票数 1

回答已采纳

3回答

JQuery ScrollLeft轻松实现

javascript、jquery、jquery-easing

我正在尝试scrollLeft与一个宽松的申请。它就能很好地滚动 scrollLeft: '+=' + $(window).width()但是当我尝试在动画中添加缓动效果时

浏览 6提问于2015-01-03得票数 0

点击加载更多