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