繁体   English   中英

动画闪烁不透明度动画的最后一个序列

Animate flickers last sequence of opacity animation

提示:本站收集StackOverFlow近2千万问答,支持中英文搜索,鼠标放在语句上弹窗显示对应的参考中文或英文, 本站还提供   中文繁体   英文版本   中英对照 版本,有任何建议请联系yoyou2525@163.com。

我有三个从opacity: 0动画处理的div元素opacity: 0 > opacity: 1

我同时为最后两个元素设置动画,由于某种原因, 当最后一个元素达到opacity: 1时,我会遇到一些奇怪的闪烁opacity: 1

http://jsfiddle.net/dmfux4LL/ (注意右上方的“ IMAGE 2”文本)

闪烁已在Firefox + Chrome中注意到。

奖励问题 :由于某种原因,“图像2”文本甚至无法在IE中创建动画。

我在做什么是:

CSS:
#frame1-image1, #frame1-image2, #logo-container {
    opacity: 0;
}
JS:
frame1Image1.delay(300).animate(
    { opacity: 1 },
    {
        duration: defaultDurationTime, 
        easing: 'swing',
        complete: function() { // the callback
            console.log("done");
        }
    });

frame1Image2.delay(400).animate(
    { opacity: 1 },
    {
        duration: defaultDurationTime, 
        easing: 'swing',
        complete: function() { // the callback
            console.log("done");
        }
    });

logoContainer.delay(400).animate(
    { opacity: 1 },
    {
        duration: defaultDurationTime, 
        easing: 'swing',
        complete: function() { // the callback
            console.log("done");
        }
    });
问题暂未有回复.您可以查看右边的相关问题.
1 WPF按顺序设置和更改图像的不透明度

我有三个图像,其中两个图像动画如下,第三个图像应闪烁: 前两个图像动画很好,但第三个图像没有闪烁,它什么都不做,只是呆在那里,你可以看到我使用下面的代码闪烁第三个图像: 这也是第三张图片的代码: 如果有人帮助我,我将不胜感激, ...

2 暂停关键帧动画并将动画不透明度设置为100%

我有以下情况:使用@keyframes我为按钮创建了脉冲动画。 它为按钮的不透明度从0.3到0.8设置动画。 现在,当我将鼠标悬停在按钮上时,这应该暂停@keyframe动画并将当前的不透明度设置为1。 我的HTML看起来像这样: 超链接本身不会被动画处理,但是其中的跨度会 ...

4 在比例动画序列中,Cocos2d-x Sprite闪烁

我有一个增长/缩小动画序列。 但是由于某种原因,子画面无法平滑缩放。 我确实更改了动画间隔并禁用了深度测试,但是并不能解决此问题。 这可能是什么原因? 与使用的艺术品有关系吗? 解决了 我能够通过在ccConfig.h中启用“ CC_FIX_ARTIFACTS_BY_ST ...

5 使用jQuery不透明度+动画的IE中不稳定/脚的动画

我意识到关于不透明度的动画存在多个问题-因此在有人对我进行所有RTFM之前-我检查了一下,但找不到与我的特定问题有关的问题:) 考虑以下代码: 这在IE和其他浏览器中都可以快速有效地工作-(如果您想知道,它所做的只是在图片底部滑动字幕)。 现在,我将其放入: 就在现场 ...

7 jQuery悬停动画:无法同时设置不透明度和背景位置的动画

我正在尝试为导航元素设置动画,以便当鼠标悬停在该元素上时,它变得完全不透明(从30%不透明度开始),并且背景图像向上移动了10px。 这是我的代码: 但是,仅实际播放列出的第一个动画。 如所写,背景位置会设置动画,但不透明度不会。 如果我切换不透明度和背景位置动画,则不透明度会设置 ...

8 我可以用一个动画设置和设置多个实体的不透明度吗?

我有一个实体,我想像这样设置飞机: 因此,我可以在#ui上发出mobileMenuOpen事件, #ui该实体及其所有平面淡入并向上移动。 但是, #ui上的opacity="0"不会影响子元素,并且我不确定动画是否也会。 如何达到我想要的效果? ...

2016-07-14 08:30:39 3 1264   aframe
10 动画结束后动画填充模式和不透明度不保持最后的样式

我正在尝试使用设置为forwards的animation-fill-mode将动画结束时的opacity设置为 1(它应该是最后一个关键帧),但由于某种原因我错过了将不透明度设置回动画结束时为 0。 这是我正在制作动画的元素片段: 虽然这里是带有动画的 css: 为什么最后不保持不透明度? ...

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2021 STACKOOM.COM