CSS动画完成后，Chrome中的文本“弹出”变厚

文章/答案/技术大牛

发布

1回答

css、google-chrome、animation、text-rendering

我使用CSS动画在页面加载时淡入一些元素。当动画完成时，文本会“弹出”，变得比我想要的更粗。运行下面的代码片段来查看它的实际效果。请注意，只有红色标题似乎才有这种“弹出”效果。@-moz-keyframes fadein { opacity: 0; to {

浏览 9提问于2017-01-06得票数 2

回答已采纳

1回答

如何: CSS3动画弹出气泡和文本淡出与Angularjs一起生效

html、angularjs、css

我已经开发了一个CSS 3动画弹出气泡，将弹出和放大以上。一旦弹出动画结束，绑定到$scope的文本将被显示为淡入效果。它使用角动画API。该代码将在Chrome上工作。至于其他浏览器，我还没有进行测试。

浏览 2提问于2016-05-13得票数 0

回答已采纳

1回答

举个例子，使用react-pose让一个元素“弹出到页面上”：https://codesandbox.io/s/qljpvpowp9在火狐、Safari甚至IE上，微调器元素渲染得很好： ? 但在Chrome 71上，CSS半圆(边框+边框半径)模糊得无法辨认： ? 我知道这是因为Chrome最初在元素初始化时渲染边界像素的比例很低，但是我怎么才能避免这个问题呢？有没有一个CSS属性可以让我在一开始就停止这种情况的发生，

浏览 22提问于2019-01-09得票数 0

回答已采纳

1回答

刻录式文字动画效果不佳。

javascript、jquery、html、css

我想让别人看看我的代码，告诉我如何强迫我的文本动画随着汉堡包菜单点击事件而消失，但只会以同样的方式消失。我尝试了许多不同的变体，但都没有效果。任何帮助都是非常感谢的。

浏览 3提问于2017-07-12得票数 0

回答已采纳

2回答

动画不使用伪元素？IE10

javascript、jquery、css、animation

我在给一个伪元素做动画。当我悬停伪元素时，会向它添加.skew类，从而触发CSS动画。动画完成后，animationend将删除该.skew类。至少在Chrome和Firefox中是这样的，但是在IE10中添加了.skew类，但动画完成后没有删除。我不确定是否是这样，但这可能是因为在第一次触发动画时悬停伪元素，但再次悬停不会(这意味着.skew类在上一次动画结束时

浏览 0提问于2013-10-02得票数 1

2回答

使Firefox将画布文本呈现为与CSS文本相同

javascript、css、canvas

我已经创建了一个页面，可以从Twitter公共时间轴获取Tweet，并将其动画显示在视图中。它的工作原理是在动画的背景中使用画布元素。动画完成后，它会创建一个顶部具有相同文本的div元素。我这样做是为了让tweet文本可选，链接也可点击。现在，在Safari、Chrome甚至Opera中，canvas文本和div文本看起来几乎完全一样。然而，在Firefox<e

浏览 0提问于2010-05-04得票数 6

回答已采纳

1回答

jQuery animate()在火狐中取消选择文本

jquery、firefox、jquery-animate

代码如下： $(this).animate({width:"545px"},500).css("color","#614A3E"); $(this).mouseup(function(e){ });如果我去掉了动画效果，这个焦点事件会选择文本(就像我希望的那样)。使用<em

浏览 0提问于2009-10-17得票数 2

1回答

多浏览器中的jQuery fadeIn()“故障”或“突然切换”

jquery、fonts、opacity、fadein

JavaScript：$("#element").fadeIn(1500); 问题是，在渐变动画的持续时间内，呈现会使文本看起来更大胆，或者以不同的字体出现。当动画完成后，它会恢复到原来的字体/字体重量，因此出现了“故障”或“突然切换”。我在Chrome和IE8<em

浏览 2提问于2013-01-23得票数 0

1回答

更改安装后弹出窗口中的默认文本

google-chrome-extension

安装完成后，会立即打开一个带有默认文本的弹出窗口，比如Extension has been added to Chrome.如何将此文本更改为我自己的文本？

浏览 1提问于2018-08-09得票数 2

回答已采纳

1回答

在图像上渲染生成的文本时，Explorer字体抗锯齿错误

fonts、explorer、antialiasing

我正在使用JQuery加载一个带有一些文本的JPEG图像(作为css背景)。文本在除资源管理器( XP上的6和7，W7上的8)之外的所有浏览器中都可以正常呈现，其中抗锯齿透明度是针对黑色而不是图像进行的。如果我将图像和文本直接加载到HTML中，它会工作得很好，所以只有在使用Javascript动态更改文本和图像时才会出现问题。如何使资源管理器在渲染文本时能够识别背景图像？

浏览 0提问于2010-11-01得票数 0

2回答

新导航控制器动画分段完成后弹出键盘

objective-c、ios

我从一个表视图到详细的视图控制器使用自定义的搜索引擎。) { }]; 当转换完成后，我想做什么，弹出我的文本视图的键盘。我现在通过调用这会弹出键盘，OK，但在过渡动画完成之前。在弹

浏览 3提问于2013-01-07得票数 0

回答已采纳

1回答

在chrome中消失的图像

javascript、css、google-chrome

在chrome扩展的登录页面中，在用户安装扩展后，我会显示一个弹出窗口，其中包含如何继续操作的说明。弹出窗口包含图像(来自不同的CDN)，弹出窗口在出现时使用css动画和过渡。有时(不确定确切的时间)，即使图像已经加载(并且在开发工具中可见)，它们也不会显示在弹出窗口中。我试着把它从css背景图像改为元素，我试着在添加扩展后更新图像src，也试着

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

1回答

移动文本框动画

javascript、html、css、textbox

我正在设计一个静态的HTML页面。它有两个输入字段和一个更改按钮。，当单击更改按钮时，文本字段中的值应该交换均值，而文本框应该在视觉上移动到另一个框位置。因此，我包含了css3动画、javascript，如下所示.animation { animation: swap .5s;document.formTextBox.txtDpt.value = arrive; documen

浏览 2提问于2012-04-25得票数 0

2回答

jQuery slideToggle在关闭时跳转

javascript、jquery、slidetoggle

我试着用jQuery在表中slideToggle a，它在FF，OP，CHrome中有效。只有IE (6,7,8)给我带来问题。它完美地上下滑动，但在滑动动画完成后。隐藏弹出完全高度，然后关闭。代码是动态构建的，但我将尝试给出一个示例：<tr> <script type="text/javascript"> functionconten

浏览 0提问于2010-06-09得票数 4

回答已采纳

2回答

css转换中的字体扰动

css、firefox、fonts、css-transitions

我使用CSS3转换来处理产品的悬停效应，在产品图像的底部出现了一个标签：这个问题有什么解决办法吗？

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

回答已采纳

1回答

使用javascript和css的动画仅在页面加载后由Safari加载一次

javascript、html、css、safari

我正在创建一个网站上的登录弹出窗口。我刚刚注意到，当使用Safari多次打开弹出窗口(打开和关闭它)时，只有在页面加载后第一次打开模式时才会显示动画。在Chrome中，一切都运行得很好，而且每次都会显示动画。我在这个代码中简化了问题，问题也很明显。https://codepen.io/bvonr/pen/BaZVxxK这种行为的原因是什么？我如何解决这个问题，以便动画

浏览 29提问于2021-09-21得票数 2

2回答

使用ajax加载时，具有相同颜色代码的文本是不同的

javascript、jquery、html、css

我正在做一个以绿色为主色调的网店。一切都很好，但我注意到ajax加载的div中的文本比正常情况下更亮。常规加载的文本明显不那么明亮，但两个文本具有完全相同的颜色代码。如果不张贴整个CSS和HTML文件，我不认为我可以在这里重现它，但这是正常页面加载时的HTML文本片段： <div class="primary-product-text vis-product-nam

浏览 20提问于2019-11-05得票数 0

回答已采纳

1回答

在方框后面设置文本动画

css、animation

我有一个在页面加载时启动的弹出框，也有一个页面加载时的淡入文本动画。文本在弹出框的前面淡入淡出，然后在持续时间后消失。如何才能使文本动画始终停留在后面？关键帧中的文本淡入淡出： @keyframes scale { 0% { transform: scale(0.8); opacity: 0; } }

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

3回答

jQuery:动画元素的位置和不透明度

javascript、jquery、css、google-chrome、animation

我有带有CSS样式的div元素： display: block; height: 100px; position: absolute; left: 100px;} 我想用jQuery动画改变div的位置此外，在这个动画过程中，我需要改变不透明度。Div在动画完成后

浏览 3提问于2014-01-30得票数 2

回答已采纳

4回答

在动画之后，jquery做一些事情

javascript、jquery

下面的代码是在div上执行mouseenter时执行的： $(this).find('.links').css', 'hidden'); $(this).find('.links').css(&#x

浏览 0提问于2012-01-25得票数 0

回答已采纳

点击加载更多