From 9fb11a936ee36e9a0c25471f27b4d412f5e30215 Mon Sep 17 00:00:00 2001 From: unknown Date: Tue, 7 Sep 2021 12:25:05 +0700 Subject: [PATCH] feat: CollapseChild add animation --- .../CollapseChild/CollapseChild.module.scss | 11 +++++++++++ 1 file changed, 11 insertions(+) diff --git a/src/components/common/CollapseCommon/CollapseChild/CollapseChild.module.scss b/src/components/common/CollapseCommon/CollapseChild/CollapseChild.module.scss index e3944988a..9b7094088 100644 --- a/src/components/common/CollapseCommon/CollapseChild/CollapseChild.module.scss +++ b/src/components/common/CollapseCommon/CollapseChild/CollapseChild.module.scss @@ -11,6 +11,7 @@ } .contentContainer { @apply block; + animation: ContentAnimation 0.5s ease-out; } .toggle { &:before { @@ -53,3 +54,13 @@ .contentContainer { @apply hidden pb-16; } +@keyframes ContentAnimation { + 0% { + opacity: 0; + transform: translateY(-1.6rem); + } + 100% { + opacity: 1; + transform: none; + } +} \ No newline at end of file