CSS动画波浪线无法在Chrome中正常显示

文章/答案/技术大牛

发布

1回答

css、google-chrome、css-animations、keyframe

我在我的一个网站上创建了一条简单的动画波浪线作为分隔线。在safari中看起来很完美，但在Chrome中却显示得很奇怪。这是safari的截图：这是chrome的截图： safari one非常适合我，但chrome似乎不太喜欢它。我试着在选择器的开头和各个地方添加所有的供应商前缀，但是我似乎不能解决这个问题。有没有人能告诉我哪里出错了？

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

6回答

是否可以使用浏览器检查器检查CSS3动画关键帧？

css、browser、css-animations、web-inspector

现在，我遇到了一些利用CSS3关键帧风格动画的网站，并决定在我自己的站点上测试它。然而，这就引出了一个难题:通常在我将CSS文件提交到站点之前，我将使用浏览器的检查器(浏览器的Ctrl+Shift+I on Chrome、Opera和FF；F12在IE中)在本地推特和更改CSS，以查看我最喜欢的是什么但是，使用浏览器检查器似乎无法更改CSS3动画的关键帧！这对我来说是一个极大的障碍，因为每当我想要改

浏览 5提问于2012-09-06得票数 36

回答已采纳

2回答

即使父元素被隐藏在视图之外，3D CSS转换也会继续吗？

css、webkit、css-transforms

在Webkit中，三维CSS转换是否会无限期地重复，即使它或父元素被样式(CSS)隐藏在视图之外，也会继续吗？轶事证据(删除隐藏的CSS动画)表明动画确实在后台运行。

浏览 4提问于2012-01-18得票数 2

回答已采纳

1回答

防止使用react窗口在虚拟树组件中重新呈现DOM元素

reactjs、react-window

我的问题是，我想要动画的小开三角形的树节点。负责动画的css如下：.tree-branch::after { display: block; height: 0; animation-duration: 0.3s; transform: rotate(0deg); 动画不起作用因为在每次打开

浏览 2提问于2019-06-13得票数 4

回答已采纳

3回答

如何将波浪线放在拼写错误的单词HTML下

javascript、html

我需要在拼写错误的单词下面添加一条红色的波浪线。我有我的算法来检测这些单词，但我只需要知道如何在这些单词下面放一条波浪线。

浏览 3提问于2011-07-26得票数 8

回答已采纳

1回答

CSS在Chrome中无法正常显示

css、google-chrome

我在Facebook上创建了一个iFrames页面标签，它在FF和IE中显示得很好，但在Chrome中却搞乱了div的定位。该页面的链接为：任何帮助都将不胜感激。

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

回答已采纳

1回答

<animate> CSS-攻击<foreignObject>中的XHTML

css、svg、xml-namespaces、smil、xlink

我使用<div>在<svg>中嵌入了<foreignObject>。我想要<animate>它的CSS属性的不透明度，当页面加载时它会褪色。因此，我指定了一个XLink定位器，引用要动画的目标元素： <animate xlink:href="#animateThis" attribut

浏览 8提问于2012-05-20得票数 0

回答已采纳

1回答

Google Chrome显示的某些字符不正确-破折号和项目符号

google-chrome、encoding、character

我的Chrome浏览器出了点问题，我找不到。项目符号是一条线，顶部有一个点，破折号是一个"n“，上面有一个波浪号。我已经看过Chrome中的编码类型--但它被设置为“自动检测”。一个例子是 --破折号是这样的：谢谢

浏览 1提问于2013-12-04得票数 1

3回答

波浪状的文字装饰在不再徘徊时仍然存在: Chrome

html、css

我把波浪状的文字装饰应用到一些导航链接上，当我盘旋时。在Chrome中，当不再徘徊时，一半的波浪装饰仍然存在，通常在第一个链接上徘徊。有时，在不同的链路上盘旋时也会发生这种情况。这是个很奇怪的效果。这种情况在Firefox中不会发生。如果下划线是正常的/不是波浪形的，它在Chrome中的表现也和预期的一样。下面的代码显示了我的问题。文本装饰规则位于<em

浏览 0提问于2018-09-17得票数 2

回答已采纳

2回答

如何将css样式应用于jquery效果

jquery、css、jquery-ui

我有一个按钮可以将新项目添加到列表中。我想应用JQuery-UI效果来添加新的项目，我的问题是当显示效果动画时，列表项没有样式。请看这个fiddle - 。您可以看到，当用户单击create按钮时，将显示项目的动画，但列表项文本位于图标下方，因为没有应用CSS。我想要显示列表项的动画。我该怎么做？

浏览 1提问于2012-08-07得票数 0

回答已采纳

3回答

为什么我的jquery动画在使用浏览器确认和提醒时无法在chrome中正常运行？

javascript、jquery、jquery-animate

我发现了一个关于chrome中一些jquery动画的问题。我想知道有没有其他人见过这个。问题是，我有一个浏览器确认包装了这个东西，只有当用户确认时才做这个动画。如果我去掉确认符，动画在chrome中就能正常工作。

浏览 0提问于2011-09-29得票数 0

回答已采纳

2回答

jQuery动画填充在Chrome中不能正常工作

jquery、google-chrome、jquery-animate

我尝试使用以下命令在该div上设置填充动画：问题是，在IE和FF中，嵌套的div可以正确调整大小，但在Chrome中不会。为什么它不能在Chrome中工作？实际上，正如Stefan所指出的那样，动画工作正常，但是没有应用新的CSS值。如果你点击检查元素后，动画已经完成，<e

浏览 2提问于2011-12-11得票数 3

1回答

Safari转换SVG错误

css、svg、safari、webkit

我用一个简单的svg制作了一个小的CSS动画，将我的汉堡菜单转换为一个十字。它在Chrome和Firefox上运行正常，但在Safari中没有翻译。动画播放，甚至正确地重置，所以它与前缀无关(我尝试过)。画十字的两条线的翻译是错误的。我猜这与safari在应用缩放时如何处理转换有关。有没有人知道我是不是做错了什么？ @keyframes showCross {

浏览 2提问于2020-09-09得票数 0

1回答

CSS3选框在Chrome和Opera中不滑动

css、google-chrome、opera、marquee

我是CSS3的新手。我想做一个简单的字幕，但我不想使用标签和JS/JQuery。对我来说，完美的解决方案是在CSS3中选取框，但在Chrome和Opera中不会滑动(在火狐和IE中运行良好)。

浏览 0提问于2013-11-25得票数 1

2回答

SVG动画线不稳定的行为

javascript、html、css、animation、svg

我试图动画从左，右，上和底部的线条(线应该从屏幕的边缘开始)。动画在IE11中工作得很好，但在Mozilla和Chrome中却不行。其他我还没有测试过的浏览器。我用绘图。在Chrome和Mozilla中(IE11很好，行为正常)，如果在Illustrator中，我将Object>Artboards>Fit设置为艺术品边界(最小化了创建或编辑SVG时通常所做的)，我就得到了这个结果我开始<

浏览 4提问于2015-03-04得票数 2

回答已采纳

5回答

是否可以通过文本装饰动画CSS行？

html、css、css-animations

我试着用CSS动画一条线在一点文字，但它实际上不是动画，只是从隐藏到显示。有人能告诉我我想做的事是否真的可能吗？如果没有，是否有其他方法来实现这一目标？</div>@keyframes strike{ to{text-decoration: line-through;} .strike{

浏览 0提问于2016-03-28得票数 10

回答已采纳

3回答

如何使用动画突出显示HTML块元素或淡出页面的其余部分

javascript、jquery、jquery-plugins、css-transitions

我刚刚开始构建一个网页帮助(高亮显示+教程步骤) jQuery插件。你可以在这里看到最新的结果。创建此动画的最佳方式是什么？

浏览 0提问于2012-11-16得票数 0

回答已采纳

3回答

在Chrome上用ngAnimate中断CSS转换

angularjs、css、google-chrome、css-transitions、ng-animate

我注意到，在ngAnimate加载下，当另一个过渡中断时，Chrome上的CSS转换是“不稳定的”。也就是说，它们似乎会跳到目标状态，而不是从当前值开始。showBigger"></bigger-on-click-class>bigger-on-click-class { height: 200px：如果您尝试快速多次单击前面示例中的红色框，您

浏览 3提问于2014-04-18得票数 6

回答已采纳

6回答

在我的网站上使用chrome时，全屏无法处理Youtube嵌入的视频

javascript、google-chrome、video、youtube

在我的网站上，我用这个简单的代码嵌入了一段Youtube视频：结果是位于页面底部的视频：在Chrome</e

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

1回答

边缘铬背景图像之间的白线

html、css、microsoft-edge

我在上创建了以下简单的CSS表然而，当我在新的边缘浏览器中查看它时，中间有一条恼人的白线。您知道默认的边缘浏览器CSS是造成这种情况的原因吗？

浏览 0提问于2020-03-25得票数 0

回答已采纳

点击加载更多