diff --git a/src/scss/keyframes/pc/load-view.scss b/src/scss/keyframes/pc/load-view.scss index f05d33f..ee1d8aa 100644 --- a/src/scss/keyframes/pc/load-view.scss +++ b/src/scss/keyframes/pc/load-view.scss @@ -324,5 +324,12 @@ } @keyframes load-view__catchcopy-bg3 { 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%); } } diff --git a/src/scss/modules/pc/load-view.scss b/src/scss/modules/pc/load-view.scss index 2fef6ed..aead48c 100644 --- a/src/scss/modules/pc/load-view.scss +++ b/src/scss/modules/pc/load-view.scss @@ -829,6 +829,13 @@ .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; } } + } } } }