長方形が変形して文字が出てくるwebのあの動きの実装と応用 - Qiita.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-index: 0; font-size: 24px; font-family: "Montserrat"; letter-spacing: 2px; color: #1f1f1f; } // 要素の取得 var wrap = document.getElementsByClassName("wrap")[0]; var cover = wrap.getElementsByClassName("cover")[
