diff --git a/src/scss/keyframes/pc/load-view.scss b/src/scss/keyframes/pc/load-view.scss index 6201f29..c4a6324 100644 --- a/src/scss/keyframes/pc/load-view.scss +++ b/src/scss/keyframes/pc/load-view.scss @@ -444,3 +444,10 @@ 0% { transform: scale(0) rotate(-5deg); } 100% { transform: scale(1) rotate(-5deg); } } + + +/*** end ***/ +@keyframes load-view__end { + 0% { left: 50%; width: 0; } + 100% { left: 0%; width: 100%; } +} diff --git a/src/scss/modules/pc/load-view.scss b/src/scss/modules/pc/load-view.scss index d16a491..6cf4927 100644 --- a/src/scss/modules/pc/load-view.scss +++ b/src/scss/modules/pc/load-view.scss @@ -1189,5 +1189,13 @@ } } } + + /** + * end-load-view + */ + .end-load-view { + div:nth-child(1) { animation: load-view__end 0.5s ease 14.2s forwards; } + div:nth-child(2) { animation: load-view__end 0.5s ease 14.3s forwards; } + } } }