1

例としてこのdomを取り上げます。

<div id="container" style="transition: width 1s ease-in-out;">
  <div style="width: 400px; display: none;"></div>
  <div style="width: 200px;"></div> 
</div>

どの内部divを非表示にするかを変更した場合、CSS3遷移を（リフローを介して）トリガーできますか？これが可能であれば、多くの内部divを追加して、サイズを知らなくてもスムーズに切り替えることができます。

4

1 に答える 1

0

CSSだけでは不可能だと思います-トランジションは継承できないため、問題のネストされた要素に適用する必要があり、幅のトランジションは幅なしでは適用できないため、ネストされたdivが必要になりますそれは、ホバーまたはJSクリックまたは何らかのイベントのいずれかでそれらの間で遷移するように設定されていwidthます0

しかし、私は本当に質問を理解できていないと思います。

#container div {transition: width 1s ease-in-out;}

それをすべての子divに適用し、表示と幅を切り替えるだけですが、とにかくそれを行うことを考えていますか？

于 2011-04-13T14:02:54.943 に答える