長方形が変形して文字が出てくるwebのあの動きの実装と応用 - Qiitaどんなものが出来るのか このgif画像を参考にしてください。 「あの動き」では困るので「カバーアニメーション」と命名します。正式名称があったら誰か教えてください。 基本の形の作り方 アニメーションは広く普及しているanime.jsで記述します。 環境 CSSリセットとしてress、アニメーションはanime.jsで記述していきます。 お使いの環境に合わせて適宜変更していってください。 コーディング HTML .wrap { position: relative; padding: 8px; } .wrap > .cover { position: absolute; z-index: 1; width: 100%; height: 100%; top: 0; left: 0; background: #03a9f4; } .wrap > p { position: relative; z-
