MoeJue/DropOut
Template
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

update: トップページのメインイラストにスタイルを適用

Browse Source
This commit is contained in:
yuki540 2018-04-18 11:30:58 +09:00
parent 6f0b53c85d
commit 1c447d1975
2 changed files with 19 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
public/images/top-page/gab.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 351 KiB

19
src/scss/modules/pc/_top-page.scss
View File

@ -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;
}
}
}