diff --git a/src/components/timeline/TimelineElement.scss b/src/components/timeline/TimelineElement.scss index 905573c..9d70892 100644 --- a/src/components/timeline/TimelineElement.scss +++ b/src/components/timeline/TimelineElement.scss @@ -57,8 +57,27 @@ & > i > svg { @apply -rotate-180; } + + & ~ * { + animation: toggle 0.4s ease-in-out; + } } } } } +} + +@keyframes toggle { + 0% { + font-size: 0; + opacity: 0; + } + 90% { + font-size: 1rem; + opacity: 0; + } + 100% { + font-size: 1rem; + opacity: 1; + } } \ No newline at end of file