我知道使用 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。
我可以做一些 CSS3 魔术来实现这一点吗？
（如果您想知道，它使用 ASP.NET AJAX 及其所有时髦的工具包和扩展程序，所以我无法真正深入研究他们的脚本 - 如果它是常规的 jQuery 或另一个简单的 javascript 库进行调用，它会是更容易使用）。