From 003eb0709a29a97f92ed767fe065d291fdf9b291 Mon Sep 17 00:00:00 2001 From: yuki540 Date: Mon, 2 Apr 2018 20:20:39 +0900 Subject: [PATCH] =?UTF-8?q?fix:=20=E7=B4=B0=E3=81=8B=E3=81=84=E3=82=A2?= =?UTF-8?q?=E3=83=8B=E3=83=A1=E3=83=BC=E3=82=B7=E3=83=A7=E3=83=B3=E3=81=AE?= =?UTF-8?q?=E5=85=B7=E5=90=88=E3=82=92=E4=BF=AE=E6=AD=A3?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/scss/keyframes/pc/_load-view.scss | 5 +++-- src/scss/modules/pc/_load-view.scss | 6 +++--- 2 files changed, 6 insertions(+), 5 deletions(-) diff --git a/src/scss/keyframes/pc/_load-view.scss b/src/scss/keyframes/pc/_load-view.scss index 0545471..15c8ecb 100644 --- a/src/scss/keyframes/pc/_load-view.scss +++ b/src/scss/keyframes/pc/_load-view.scss @@ -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 { diff --git a/src/scss/modules/pc/_load-view.scss b/src/scss/modules/pc/_load-view.scss index a398d89..dde16df 100644 --- a/src/scss/modules/pc/_load-view.scss +++ b/src/scss/modules/pc/_load-view.scss @@ -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 ***/