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 ライブラリである場合は、次のようになります。作業がはるかに簡単です）。