所以我有一个img，它以opacity: 100%开头，我想动态地添加附加另一个类，这样它在2秒内将opacity更改为30%，但有5秒的延迟，这就是我正在做的，但它不起作用。.opacity_30 { transition: opacity 2s 5s;
} 下面是完整的React代码： const logo_classes =
浏览 25提问于2021-08-21得票数 1
1回答
在视口中激活动画
、、
我正在尝试使用动画来使图像从零不透明度过渡到完全不透明度。我使用的关键帧动画代码工作正常，但我想延迟开始，直到图像在视图中。我已经尝试了几个JS代码，但都不起作用。winston-chen-qg8TGmBNdeY-unsplash.jpg" width="950" height="700" alt="wintson cheng unsplash" class="img">
浏览 0提问于2020-05-13得票数 0
Streamlabs有一个特性，允许您在一段时间后(没有任何额外代码)延迟文本的fadeIn动画。但是，这个特性几乎是不可用的。也没有控制fadeOut动画的选项。如果您将fadeIn延迟定义为~4s:它从0%的不透明度直接跳转到50%的不透明度，再过一秒钟就跳到100%的不透明度。没有流体动画。但是，如果在0上有“文本延迟”，
浏览 3提问于2020-10-19得票数 1
回答已采纳
我试图通过改变名片在浏览器中的位置来改变它的不透明度，创建一些淡入淡出的外观，但这将不同于关键帧动画，因为它不计时，而纯粹依赖于滚动条的位置(有点像Apple产品网站)。我在react中执行此操作，并使用onScroll JSX属性，但它似乎没有触发。每张卡的高度为100vh。import React, {useState} from 'react'
impor
浏览 31提问于2021-08-22得票数 0
回答已采纳
2回答
我正在使用关键帧添加动画到我的网站的一部分。动画是页面内容的淡入。我的问题是，如果用户在不受支持的浏览器中加载站点，会在页面上加载文本，还是不会出现(因为没有动画支持)？
浏览 6提问于2014-02-21得票数 0
回答已采纳
1回答
编辑:我基本上是想达到这个网页演示的结果。所以这是非常好的工作，问题是，我不能让我的闪电风暴正确地工作，风暴意味着每隔8秒就会闪过几次。根据我处理代码的方式，它通常只是变白，然后每
浏览 1提问于2016-03-24得票数 0
1回答
我的CSS动画没有正确触发:不透明度是动画，但不是平移。显然，这是因为IE和Edge不能在translateY和translate之间进行动画处理。我做了一个测试，我用translateY(0)替换了我的translate(0, 0)：你认为我漏掉了什么吗，或者这真的是IE和Edg
浏览 0提问于2017-05-17得票数 0
2回答
在这里，我的部分代码：timelineOn.playFromStart();
没有任何错误，但所有帧开始一次播放之间没有任何延迟。我想看看这样
浏览 5提问于2015-07-30得票数 0
在我看来，本机只在LayoutAnimations上添加默认的iOS。对于iOS和iOS，我有完全相同的代码，iOS布局和CSS的变化都是动态的。例如，隐藏/显示某些视图具有spring或easeIn动画。或者改变文本值似乎有某种淡出动画。但在我的代码中，我还没有定义它们。我还使用了react-本机--纸，我最初认为这是原因，但我删除了它，以及其他可能导致这种情况的库，但它仍在发生。从根本上说，它只是发生在
浏览 10提问于2021-02-17得票数 1
回答已采纳
2回答
如何动画的不透明的星星画在画布上？我在试图在一座山后面画多颗星星。到目前为止，我能想到两个选择。
不透明的星星翻转/闪烁的速度非常快，我能在动画之间增加延迟吗？window.requestAnimationFrame(this.
浏览 0提问于2019-08-22得票数 0
1回答
我有一个svg元素，它应用了一个下拉阴影css滤镜模糊，如下所示： opacity: 0;}
transision: opacity 1s;}
当包含的div应用了active类时，元素会像预期的那样淡入，但当过渡时间结束时，模糊程度会变小。如果我删除了过渡，它将切换到过渡动画完成后元素在最终状态下的</em
浏览 1提问于2017-04-02得票数 1
我正在开发一个使用node-sass编译SCSS的应用程序。我的组件结构是这样的： .然后我会这样叫我的scss： import React, {useState} from 'react';[...]当我运行dev build时，我的所有转换都是正常的，但是当我运行build和deploy时，它们就丢失了。所有其他CSS样式都工作得很好，只
浏览 21提问于2020-09-01得票数 1
回答已采纳
3回答
这是我的<MyButton />组件import { withStyles } from '@material-ui/core/styles';props.classes.button} > </Button>}
目前，按钮上有默
浏览 84提问于2019-05-16得票数 10
回答已采纳
2回答
这是我的CSS。第一个问题，我希望当div悬停在上方时产生的效果淡入淡出，而不是立即淡入淡出。我试图使用转换，但它似乎打乱了元素的设计，所以我卡住了。我的第二个问题是(这里是jfiddle作为参考：)，是否有可能只允许在“do”键动画发生后才出现悬停效果？我不希望在div处于动画状态时出现悬停效果。我的第三个问题是，为什么动画是立即发生的，而不是在我点击‘半’div之后？(参考jfiddle)。对不起，这些问题太多了，我花了太多时间试图弄清楚这些问题，但</em
浏览 1提问于2017-08-10得票数 0
我有一个元素，我想淡入和淡出，但显示10秒。fadeinout {}
50% { opacity: 1; }我已经尝试了一段时间，认为我已经完全失去了理解的东西最新消息
我要做的是让元素在超过2秒的时间内褪色，然后显示10秒，然后消失超过2秒。
浏览 9提问于2022-04-26得票数 1
回答已采纳
1回答
这是我的样式组件版本"@types/styled-components": "^5.1.26"import React, { useEffect, useState } from 'react'; transition: 1s;还有两个用
浏览 5提问于2022-09-01得票数 1
回答已采纳
1回答
我编写了一个简单的JavaScript代码。这些代码在MacOS上的所有浏览器、iOS上的所有浏览器(包括Safari)、( iPad!上的Safari除外)上都运行得很好。元素正在消失并重新出现；只是没有任何转换。
更奇怪的是，火狐、边缘和Chrome
浏览 1提问于2022-06-07得票数 0
这是我的html： <p><a href="#"><i class="icon-facebook"></i> Share</a></p> <p>
浏览 0提问于2013-05-22得票数 0
云服务器
ICP备案
云直播
对象存储
实时音视频
腾讯云开发者
