diff --git a/public/images/top-page/gab.png b/public/images/top-page/gab.png new file mode 100644 index 0000000..06120d9 Binary files /dev/null and b/public/images/top-page/gab.png differ diff --git a/src/scss/modules/pc/_top-page.scss b/src/scss/modules/pc/_top-page.scss index b08fce9..c51cc4a 100644 --- a/src/scss/modules/pc/_top-page.scss +++ b/src/scss/modules/pc/_top-page.scss @@ -81,6 +81,18 @@ .inner { transform: scale(1.2); } } } + + /*** main-illust ***/ + .top-page__main-illust { + position: absolute; + top: 0; left: 0; + width: 100%; height: 100%; + background-image: url(../images/top-page/gab.png); + background-size: auto 100%; + background-position: center; + background-repeat: no-repeat; + opacity: 0; + } .top-page[data-state="start"] { /*** ring ***/ @@ -91,5 +103,12 @@ div:nth-child(2n):after { animation: top-page__show-ring 0.4s ease 0.05s forwards; } } } + + /*** main-illust ***/ + .top-page__main-illust { + animation: + scale0-1 0.4s ease 0.2s forwards, + fadein 0.4s ease 0.2s forwards; + } } }