如何获取 Chrome / WebKit 中过渡的元素的当前颜色?

Posted

技术标签:

【中文标题】如何获取 Chrome / WebKit 中过渡的元素的当前颜色?【英文标题】:How can I get the current color of an element that is mid-transition in Chrome / WebKit? 【发布时间】:2011-10-15 06:41:03 【问题描述】:

我在 chrome 中有一个颜色过渡。我想随时使用 javascript 检索颜色。目前,我正在访问 DOM 中的 .style.color,但这只会给我目标值。

编辑这是不久前回答的,可以在此处查看 chrome 的示例http://nu11.co.uk/

【问题讨论】:

【参考方案1】:

getComputedStyle([element],"").getPropertyValue([property])应该返回过渡中的颜色(但我没有检查它。)

【讨论】:

我想我爱你。 getComputedStyle( [元素], null ).color

以上是关于如何获取 Chrome / WebKit 中过渡的元素的当前颜色?的主要内容,如果未能解决你的问题,请参考以下文章

Webkit 浏览器中的 CSS 过渡填充故障

Webkit 对渐变过渡的支持

CSS transition 过渡 详解

CSS3颜色过渡在Chrome中不起作用

在 Chrome 中使用过渡到 filter:blur(0) 时出现奇怪的故障

WebKit 转换错误的转换