height auto でも transitionさせたい

height: 0; から height: auto; を行ったり来たりとか、
height: Xem; からheight: auto; を行ったり来たりするときにも、transitionかけたいけど効かないじゃないですかー。

冷静に探したらありましたですよ。
CSS3 transition height 0 to auto

max-height にまあ安全な大きめの数値入れとけば一応transitionかかる。
けれども、あまり巨大な数値を入れておくと、
そこから戻ってくるイメージなんで、初期の反応がえらい鈍くなる。
(※詳しくはよく知らない)

だもんで、duration も短めで、巨大すぎないまあ安全な大きめの数値入れとくのがベターか。

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です