我在这里做了一个例子:http: //jsfiddle.net/6P6Rq/
我正在使用最新版本的 chrome。因此,基本上当文本逐渐变回完全不透明时,它会切换回其原始文本外观。我尝试使用 0.999 的不透明度而不是 1,但它的外观与 1 的文本不同。
有任何想法吗?
我在这里做了一个例子:http: //jsfiddle.net/6P6Rq/
我正在使用最新版本的 chrome。因此,基本上当文本逐渐变回完全不透明时,它会切换回其原始文本外观。我尝试使用 0.999 的不透明度而不是 1,但它的外观与 1 的文本不同。
有任何想法吗?
我相信问题源于 chrome 如何选择渲染它的字体不透明度变化。FF 和 IE 似乎没有同样的问题,但我确实注意到突然跳过,因为它在淡入淡出动画结束时填充了字体的宽度。
我尝试使用:
a { opacity: 1; -webkit-transition: 0.5s; }
a:hover{ opacity: 0.3; -webkit-transition: 0.5s; }
但它最后仍然呈现相同的“捕捉”。这真的很不幸。
将淡入淡出的速度更改得更快一点会使突然的变化看起来不那么突然,但这就是我所能想到的,因为所有其他方法似乎都会产生相同的最终结果。