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

fix: 細かいアニメーションの具合を修正

Browse Source
This commit is contained in:
yuki540 2018-04-02 20:20:39 +09:00
parent 02e7c2e944
commit 003eb0709a
2 changed files with 6 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
src/scss/keyframes/pc/_load-view.scss
View File

@ -100,8 +100,9 @@
}
@keyframes load-view__show-message {
from { transform: translateX(-100px); opacity: 0; }
to { transform: translateX(0px); opacity: 1; }
0% { transform: translateX(-200px); opacity: 0; }
8% { transform: translateX(-80px); opacity: 1; }
100% { transform: translateX(0px); opacity: 1; }
}
@keyframes load-view__close-1 {

6
src/scss/modules/pc/_load-view.scss
View File

@ -488,10 +488,10 @@
animation: load-view__show-curtain-2 0.5s ease 6s forwards;
&::after { animation: load-view__show-curtain-inner-2 1.5s ease 6.2s forwards; }
}
.message { animation: load-view__show-message 0.5s ease 6.7s forwards; }
.message { animation: load-view__show-message 5s ease-out 6.7s forwards; }
&::before { animation: load-view__close-1 0.5s ease 7.2s forwards; }
&::after { animation: load-view__close-2 0.5s ease 7.2s forwards; }
&::before { animation: load-view__close-1 0.6s ease 7.2s forwards; }
&::after { animation: load-view__close-2 0.6s ease 7.2s forwards; }
}
/*** info ***/