Add animation
This commit is contained in:
parent
f5aade7a2d
commit
e3a9c19e03
1 changed files with 19 additions and 0 deletions
|
@ -57,8 +57,27 @@
|
||||||
& > i > svg {
|
& > i > svg {
|
||||||
@apply -rotate-180;
|
@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;
|
||||||
|
}
|
||||||
}
|
}
|
Loading…
Reference in a new issue