CSSなどでブラウザを開く時にアニメーション？を適用させるには

Question

https://gyazo.com/9126036d14c544b5cdebb1c79ff2a081
このgif動画のようにブラウザを開く瞬間にアニメーションを適用させるにはどうすればいいですか？トランジションとは別なのでしょうか

.wrapper {

padding: 0px 0;
margin: 0;
height: 2500px;

私の一番上の親要素はこれです

Answer 1

以前はスクリプトでの実装でしたが、現在はCSSアニメーションで可能です。

「CSS オープニングアニメーション」とか「CSS ローディングアニメーション」辺りのキーワードでWEB検索すればサンプルはいろいろ見つかります。