feat: CollapseChild add animation

2025-07-22 12:24:18 +00:00 · 2021-09-07 12:25:05 +07:00
parent 510593d500
commit 9fb11a936e
1 changed files with 11 additions and 0 deletions
--- 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;
+    }
+}