在Chrome中关闭两个独立元素的CSS过渡时间
，可以通过以下方法实现：
- 使用CSS属性
transition来定义元素的过渡效果。通过将transition属性设置为none，可以关闭元素的过渡效果。例如：.element1 { transition: none; } .element2 { transition: none; } - 通过JavaScript动态修改元素的样式，将
transition属性设置为none。可以使用style属性来修改元素的样式。例如：document.querySelector('.element1').style.transition = 'none'; document.querySelector('.element2').style.transition = 'none';
这样就可以关闭两个独立元素的CSS过渡时间，使它们在Chrome中没有过渡效果。
关于CSS过渡（transition）的概念，它是一种在CSS中控制元素从一种样式逐渐过渡到另一种样式的效果。通过指定过渡的属性、持续时间、延迟时间和过渡函数，可以实现各种动画效果。CSS过渡常用于实现平滑的样式变化，提升用户体验。
推荐的腾讯云相关产品和产品介绍链接地址：
- 腾讯云云服务器（CVM）：提供弹性计算能力，满足各种业务场景需求。详情请参考：https://cloud.tencent.com/product/cvm
- 腾讯云云数据库 MySQL 版（CDB）：提供高性能、可扩展的关系型数据库服务。详情请参考：https://cloud.tencent.com/product/cdb
- 腾讯云对象存储（COS）：提供安全、稳定、低成本的云端存储服务。详情请参考：https://cloud.tencent.com/product/cos
- 腾讯云人工智能（AI）：提供丰富的人工智能服务，包括图像识别、语音识别、自然语言处理等。详情请参考：https://cloud.tencent.com/product/ai
相关·内容
1回答
在Chrome中关闭两个独立元素的CSS过渡时间
css、google-chrome、css-transitions
我如何在chrome中修复这个计时问题？在火狐中，闭合动画会很流畅，但在chrome中，这两个元素是关闭的。我不能将元素放在一个容器中进行转换。
浏览 11提问于2018-07-20得票数 0
回答已采纳
2回答
为什么我需要在setTimeout调用之间添加一个1ms的jQuery ()？
jquery、google-chrome、css-transitions
我正在制作一个带有css转换的小倒计时条： background-color: black; width:100%;}$("#barbag").append("<div class='livebar'></div>&qu
浏览 6提问于2017-07-29得票数 0
1回答
在过渡过程中聚焦输入时，在过渡元素中，在元素上的螺丝钉位置
html、css、css-transitions
因此，我有如下代码，它按预期工作，集中输入，然后播放一个转换：
有时您必须打开/关闭它几次，甚至在输入中输入文本元素中具有过渡播放功能的元素上的位置被搞砸了。这个代码示例至少在Chrome和FireFox中刹车。如果我将超时设置为0，它仍然在
浏览 3提问于2014-01-09得票数 2
2回答
平滑CSS3悬停过渡，同时防止抗锯齿
css、css-transitions
在中，我想出了如何修复在元素悬停时使用CSS3转换旋转元素所导致的抗锯齿问题。然而，修复已经改变了过渡。在修复之前，从开始到结束的过渡是平滑的。自修复以来，过渡变得非常严格。(值得注意的是，在使用Firefox时，过渡从来都不是一帆风顺的，但在抗锯齿修复之前，使用Safari或Chro
浏览 0提问于2011-11-10得票数 0
1回答
如果有动画的svg填充和颜色同时存在，则css3转换延迟在FF中运行。
svg、css-transitions
我有一个链接一个内嵌的svg和一个文本。我想要在:悬停(或添加一个.active类)上进行动画，但是在Chrome上，转换并不是同时进行的。在火狐上，一切都是完美的。下面是演示：有人知道解决这个问题的办法吗？谢谢!
浏览 1提问于2016-03-23得票数 5
回答已采纳
1回答
火狐中的CSS3 3D转换同时也使用框影
html、firefox、css、css-transitions
我有一个苹果样的覆盖流元素，它使用CSS3转换和3D转换构建。在chrome上工作平稳，但在firefox上，当它们被动画化时，封面在可见和不可见之间闪烁。经过一个消除过程，我发现从项目中删除“框影”css属性会导致firefox中的平稳过渡。我已经在火狐v15和chrome v21上测试过这一点。有没有一个
浏览 4提问于2012-09-09得票数 5
回答已采纳
2回答
javascript/css中的顺序动画
javascript、jquery、html、css
我有一个圆，由12个弧段组成，我想让用户看到从开始模式到结束模式的转换。(将有许多开始和结束模式)。 $('#LED' + (j+1) ).css({fill: current_pattern.children[1].current_pattern.children[2].children[k]
浏览 3提问于2016-09-26得票数 0
回答已采纳
1回答
使用css投影滤镜转换元素上的不透明度
css、animation、safari、blur
我有一个svg元素，它应用了一个下拉阴影css滤镜模糊，如下所示： opacity: 0;}
transision: opacity 1s;}
当包含的div应用了active类时，元素会像预期的那样淡入，但当过渡时间结束时，模糊程度会变小。这就像是在过渡
浏览 1提问于2017-04-02得票数 1
1回答
jQuery动画延迟在Chrome中不工作
javascript、jquery
我在这里看到过类似的问题，但没有一个问题的效果在一个窗口起作用，而不是在随后的一个窗口。
使用jQuery库3.4.1。代码已经过测试，并且正在火狐中运行，但是Chrome不能很好地运行--动画不存在，它只是立即打开或关闭窗口，而没有指定的200微秒的延迟。这是一个简单的设置，我有一个div带有onclick事件，它可以切换另一个div的可见性。现在可见的div还有另一个onclick事件来
浏览 0提问于2019-11-24得票数 0
回答已采纳
1回答
css3转换更改填充在动画过程中将元素缩小1 px
html、css
我有大填充的输入字段。当它被聚焦或包含值填充被改变时，这个改变是用css3 transition: all 0.5s;动画的，问题是在chrome中，过渡持续时间元素的高度从42px变为41.998px，chrome将其渲染为
浏览 3提问于2016-03-10得票数 0
1回答
chrome浏览器中的CSS3过渡
jquery、html、css、animation、css-transitions
我正在为div元素使用css3过渡动画。每当悬停在图表中的特定点时，都需要对div元素的左侧和顶部位置进行动画处理。请参考我们的svg图表。
在chrome中，当动画div元素时，div位置总是从浏览器的顶部开始，然后平滑过渡工作。第一次，它从浏览器和动画的顶部开始。但它在其他浏览器上运行得很好。请参考下面的div<em
浏览 4提问于2013-07-16得票数 0
1回答
基于Cordova + Jquery的WP 7页面转换
jquery、windows-phone-7、cordova、jquery-mobile、cordova-2.0.0
该应用程序有两个不同的网络屏幕(A页和B页)问题是，有时“页面转换”立即工作，有时不能工作，有时在4或5秒之后。最好的王者，萨米
浏览 2提问于2013-02-13得票数 1
回答已采纳
1回答
CSS转换在Javascript之后不起作用
javascript、html、css、transition
我有一个脚本，它将动画添加到具有各个偏移量的元素中，以便它们逐个淡入。selectCategory[i].style.animation = `fadeInCategory 2s ease-out ${ i/2+1 }s 1 forwards`;
}); 我还有一些css，当你将鼠标移到元素上(使用:hover)时，它会扩展元素的比例，我还在css中添加了一个过渡。在一切都淡
浏览 19提问于2020-06-09得票数 1
回答已采纳
1回答
JQuery和Jtools
jquery、css
我分别包含了这两个库。我选择使用Jquery工具effect: Overlay:将外部页面加载到Overlay中。(我是stack overflow上的新用户，所以我每个帖子都会有一个超链接--我把它保存在下面)
这个工具在firefox和chrome中运行得很好。当在IE 7,8中查看时，覆盖的css就会崩溃。在这些IE版本中，覆盖的div显示在页面的底部。而关闭</em
浏览 0提问于2010-11-06得票数 1
2回答
由于修正了反混叠，导致了很差的过渡。
css、antialiasing
在前面的一个问题中，我想出了如何解决在元素悬停时使用CSS3转换旋转元素所引起的反混叠问题。然而，这一修正改变了转换过程。在修复之前，从开始到完成过渡是平稳的。自修复以来，过渡变得非常僵化。(值得注意的是，在使用Firefox时，过渡从来都不是一帆风顺的，但在使用抗混叠修复之前，使用Safari或Chrome是不顺利的。)
这是
浏览 5提问于2011-11-15得票数 2
回答已采纳
2回答
动画结束事件不触发
javascript、dom-events
我试图向元素中添加一个animationend事件，但是该事件不会被触发。我做错了什么，我该怎么补救？
浏览 6提问于2017-01-08得票数 17
回答已采纳
1回答
Css动画不是在chrome中工作，而是在firefox中工作？
google-chrome、firefox、css-transitions、css-animations、css-transforms
我是动画的标题在一个网站和动画是在火狐，但不是在铬。我在firefox中有正确的前缀，如果您使用这段代码并将前缀切换到moz，它在firefox中的动画非常好，以下是chrome的代码：<div class="page-header-con"> <h1><a href="
浏览 1提问于2013-12-09得票数 2
回答已采纳
1回答
在chrome中消失的图像
javascript、css、google-chrome
在chrome扩展的登录页面中，在用户安装扩展后，我会显示一个弹出窗口，其中包含如何继续操作的说明。弹出窗口包含图像(来自不同的CDN)，弹出窗口在出现时使用css动画和过渡。有时(不确定确切的时间)，即使图像已经加载(并且在开发工具中可见)，它们也不会显示在弹出窗口中。我试着把它从css背景图像改为元素，我试着在</e
浏览 3提问于2014-01-14得票数 0
1回答
IE9中的平稳过渡
jquery、css、internet-explorer
我正在努力实现IE9的平稳过渡。使用下面的代码行，我可以在Chrome中实现这一点。$('.timeline').css("-webkit-transition", "-webkit-transform 0.2s");
但是，我无法为IE9找到一条路。经过长时间的研究，我发现在IE9中不可能实现平稳过渡。但是当与IE9一起使用时，下面站点的
浏览 0提问于2013-10-23得票数 2
回答已采纳
1回答
iron-overlay-未应用背景样式
css、polymer
我有一个自定义元素，它有一个iron-overlay-backdrop作为子元素(在一个文件对话中)。我正在尝试增加淡出时间(如果我可以在chrome中编辑css，我可以做到这一点)。我所拥有的是：:host {}我也尝试过更简单的-
浏览 2提问于2015-10-22得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
云直播活动推荐
腾讯云开发者
