在更改其他属性时应用CSS3转换

时间:2013-04-05 17:54:34

标签: javascript css3 css-transitions

我知道使用CSS3过渡时,您可以告诉它在更改属性时慢慢应用更改。我想知道是否有办法做同样的事情,但是当一个不同的属性被改变时。

例如,关于悬停的经典教程示例:

-- CSS --
#div1 { opacity: 0.2; transition: opacity 1s; }
#div1:hover { opacity: 1; }

-- HTML --
<div id="div1" style="width:200px;height:200px;background-color:#000;"></div>

我希望做的是应用这样的不透明度转换,但是当更改不同的属性时。具体来说,我无法控制的单独库是以正常方式显示/隐藏元素,使用javascript设置display属性。我想要做的是以某种方式连接到该变化以强制它使用opacity淡入淡出,而无需点击正在进行调用的javascript。

我能做些什么来实现这一点?

(如果你想知道,它正在使用ASP.NET AJAX及其所有时髦的工具包和扩展程序,所以我无法真正深入研究他们的脚本 - 如果它是常规的jQuery或其他简单的javascript库进行调用,使用它会容易得多。

0 个答案:

没有答案