update: トップページのメインイラストにスタイルを適用
This commit is contained in:
parent
6f0b53c85d
commit
1c447d1975
BIN
public/images/top-page/gab.png
Normal file
BIN
public/images/top-page/gab.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 351 KiB |
@ -81,6 +81,18 @@
|
|||||||
.inner { transform: scale(1.2); }
|
.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"] {
|
.top-page[data-state="start"] {
|
||||||
/*** ring ***/
|
/*** ring ***/
|
||||||
@ -91,5 +103,12 @@
|
|||||||
div:nth-child(2n):after { animation: top-page__show-ring 0.4s ease 0.05s forwards; }
|
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;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user