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-02-23 10:24:42 +09:00
parent af20c535bf
commit be85033850
2 changed files with 15 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
src/scss/keyframes/pc/load-view.scss
View File

@ -324,5 +324,12 @@
} }
@keyframes load-view__catchcopy-bg3 { @keyframes load-view__catchcopy-bg3 {
0% { background-color: #9994A6; } 0% { background-color: #9994A6; }
100% { background-color: $theme-pink; } 100% { background-color: $theme-gray; }
}
/*** arrow ***/
@keyframes load-view__arrow {
0% { transform: translateX(calc(-100% - 3px)); }
100% { transform: translateX(0%); }
} }

7
src/scss/modules/pc/load-view.scss
View File

@ -829,6 +829,13 @@
.text { animation: load-view__catchcopy 0.4s ease 6.8s forwards; } .text { animation: load-view__catchcopy 0.4s ease 6.8s forwards; }
} }
} }
/*** arrows ***/
.arrows {
.arrow:nth-child(1) { div { animation: load-view__arrow 0.8s ease 3.6s forwards; } }
.arrow:nth-child(2) { div { animation: load-view__arrow 0.9s ease 4.5s forwards; } }
.arrow:nth-child(3) { div { animation: load-view__arrow 1.7s ease 5.4s forwards; } }
}
} }
} }
} }