使用Angular重新触发css动画

文章/答案/技术大牛

发布

1回答

css、angular

我有一个简单的HTML列表，我用它来模拟老虎机动画： <ul class="digits slot" #digits> <li>1</li> <li>3</li> <li>5</li> <li>6</l

浏览 31提问于2021-10-11得票数 0

1回答

动画触发器"transform“无法生成，因为

angular

当我将angular/Cli更新为“@angular/编译器-cli”："5.0.0“时，请推荐我，我得到了下面的错误。失败:动画触发器"transform“生成失败，因为-提供的动画属性"transform”不是支持的CSS pr -提供的动画属性"transform“不是支持的CSS pr

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

3回答

尝试理解带有关键帧的AngularJs动画过渡

css、angularjs

我是Angular的新手，也没有太多使用css3的经验(我是后端开发人员！)// ... doing some things that takes more than 3-4 seconds在我的CSSopacity: 0; } @-webkit-keyframes mycustomkeyfram

浏览 0提问于2014-01-16得票数 0

3回答

无法在Angular中制作CSS动画

angular

我正在尝试使用一个普通的css动画，如下所示： height: 0.5rem; background-color: blue; transform-originCSS动画不能和Angular一起工作吗？

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

2回答

有载AngularJS中的褪色内容

angularjs

我将{{ loadedClass }}添加到主HTML标记中，但它似乎没有在加载时将ng-enter放在其中： <section ng-controller="ShowImages as images" class="page {{ loadedClass }}" ng-view> CSS

浏览 0提问于2015-07-09得票数 0

2回答

涡旋上的setTimeout触发器

javascript、jquery、html、css、web

我进行了一些搜索，找到了一个名为waypoint的库，它允许使用下面的代码触发基于路径点的事件，但并不幸运。我还尝试将显示设置为none，并在css动画被触发后将其更改，但当css动画出现在页面上时，进度条已经到位。

浏览 3提问于2016-06-04得票数 0

回答已采纳

1回答

用于调整div大小的切换按钮

javascript、css、angular、iframe

我想创建一个可点击的图标，一旦我点击它，我将能够改变div的大小，使其完全适合浏览器。这就是我所拥有的html，我想知道有什么可能的方法来处理这个功能。 <a (click)="onResize($event)" class="icon-resize"></a>我想展开的html是： <iframe id="editFrame"></ifram> </

浏览 11提问于2018-05-31得票数 0

2回答

Angular 2如何强制动画回放

angular、css-animations、ngrx

每次输入更新时，我都会尝试为DOM元素重新激活相同的动画。动画被定义为css关键帧，它被分配给css类，我现在使用的触发器是通过移除然后重新分配css类，并带有轻微的延迟，以便使浏览器能够在接收到新的更改之前处理和呈现该更改。据我所知，它也不是angular 2动画的确切内容，因为我并不是真的有不同的状态和它们之间的转换，而只是一个我希望一遍又一遍地重新激活的动画

浏览 2提问于2016-08-01得票数 2

1回答

CSS转换导致jQuery动画失败

jquery、css-transitions

我很难获得CSS转换(将div缩放到1.05，它的原始大小)，以便在下面的页面上与jQuery动画一起很好地播放：我已经确定了两个行动方案：从我的样式表中删除CSS转换并使用jQuery重新创建效果。当<em

浏览 3提问于2012-05-20得票数 1

回答已采纳

1回答

我们能用角4实现提前转换/动画吗？

angular、angular-animations

我只需要用角度4实现动画。下面是一个想要实现的示例高级动画。尝试过了，我无法用angular4编写并行的div动画。因为与平行的div动画，这可以通过CSS实现，我也相信，与angular4也。

浏览 2提问于2017-12-13得票数 2

回答已采纳

2回答

我正在尝试使用Angular animation (Angular 7)添加页面动画。它在一些页面上工作，但其他一些页面将在每次触发动画时自动重新加载。一旦我取出动画，导航就不需要重新加载页面了。对于正常工作的页面，它们具有完全相同的配置。我不确定问题出在哪里。顺便说一句，只有当我用一个按钮导航时才会发生这种情况，如果我输入url，这个按钮(点击)就会触发this.router.navigate(['&#

浏览 16提问于2019-06-07得票数 3

1回答

具有角度材质的动画

angularjs、material-design

据我所知，当前(v0.9.0) Angular Material Design库中没有对动画的支持。在官方文档中都没有记录。尽管在谷歌材料设计规范中对此进行了简短的解释。那么，我们应该如何使用Angular来实现动画，特别是状态转换呢？我相信有不同的选择，比如使用CSS，JQuery，++，但是我们应该朝着什么方向发展呢？

浏览 0提问于2015-05-07得票数 1

1回答

为什么这个不动呢？

angularjs、ng-animate

我试图使用$animate服务与animate.css库一起动画化，但我似乎无法正确地理解它。蓝色块之所以有效，是因为它使用的是animate.css类，我如何使用库中的另一个css类使其成为$animate.leave。其次，红色块没有输入和使用.ng-enter类。有人能解释原因吗？

浏览 2提问于2015-06-04得票数 0

回答已采纳

2回答

检测刚刚以JavaScript结尾的CSS动画吗？

javascript、jquery、animation、css、mobile-safari

如何检测刚刚在JavaScript中完成的CSS动画？否则..。

浏览 7提问于2012-09-19得票数 5

回答已采纳

1回答

JQuery动画文本颜色

jquery、css、jquery-ui

如何使用jQuery/jQuery UI设置文本颜色动画。文本当前为#000。当事件被触发时，我希望文本颜色变为#F00，然后在3秒内淡出到#000。我尝试了effect("highlight", {}, 3000)的高亮显示，但它不会重新触发效果，直到完成，然后将继续它被触发的时间量。对此并不是很有用。

浏览 1提问于2011-10-28得票数 2

回答已采纳

1回答

Firefox不会在“重新添加”元素上重新触发CSS动画

jquery、css、firefox、animation

我正在制作一个幻灯片，其中的字幕是使用animate.css从左边过渡过来的。我找到的最简单的方法是使用.hide()所有标题，然后在幻灯片更改上使用jQuery的.show()。在每个浏览器中，一旦动画元素被“重新添加”到页面中，css动画就会被重新触发，除了Firefox。为什么会这样呢？

浏览 3提问于2013-10-31得票数 1

1回答

AngularJS ngAnimate和animate.css

javascript、css、angularjs、animation

我一直试图让我的动画工作正常使用AngularJS和animate.css。，当我按下一个链接时，我得到了zoomOutLeft动画，但是加载的视图没有动画。如果在浏览器加载时重新加载该视图，它将执行bounceIn动画。 <script sr

浏览 1提问于2015-01-26得票数 0

回答已采纳

3回答

Cordova良好的性能转换

android、cordova

我制作了一个新页面从左到右的jQuery动画：$('#seite_2').animate({left: '0%'}, 150); 我有一个银河S6和动画是非常滞后。那么，我应该用哪个动画来拥有一个好的(没有滞后的)动画。我不必从左到右。它也可以是另一种类型的动画，它看起来比直接的页面交换更好。其他CS

浏览 12提问于2016-01-27得票数 2

回答已采纳

3回答

使用JavaScript事件再次触发CSS动画

javascript、css、animation、triggers

我正试图用JavaScript再次触发CSS动画。试过很多花招，什么都没用。步骤：动画不会再次触发。

浏览 0提问于2016-09-16得票数 0

回答已采纳

2回答

angular 2动画vs css动画-什么时候使用什么？

css、performance、angular、css-animations、angular2-animation

我目前正在尝试Angular2的动画，我想知道它们比标准css动画/过渡带来了什么具体的优势。我在某处读到一些css动画属性不会调用GPU那么多，因此会有一些延迟和滞后。那angular2动画</em

浏览 0提问于2016-12-03得票数 43

回答已采纳

点击加载更多