質問: アニメーションcss3:ディスプレイ+不透明度 css3アニメーションに問題があります。.child { opacity: 0; display: none; -webkit-transition: opacity 0.5s ease-in-out; -moz-transition: opacity 0.5s ease-in-out; transition: opacity 0.5s ease-in-out; } .parent:hover .child { opacity: 0.9; display: block; } このコードは、displayの変更を削除した場合にのみ機能します。ホバーの直後に表示を変更したいのですが、トランジションを使用して不透明度を変更する必要があります。
回答: これを使って達成しました。ホバーでフェードしますが、隠れているときにスペースを取りません、完璧です!.child { height: 0px; opacity: 0; visibility: hidden; transition: all .5s ease-in-out; } .parent:hover child { height: auto; opacity: 1; visibility: visible; }