CSSアニメーションにて displayにtransitionを設定することができないため、display: none; から display: block; にするようなアニメーションを実現するときに困っていたのですが、visibilityにすれば解決するという画期的(?)な解決策を教えてもらいました。圧倒的感謝。
display: none -> block(アニメーションしない...)
visibility: hidden -> visible(アニメーションする!)
Ya-Ha!