.animated-button-container-enter {
width: 0px;
}
.animated-button-container-enter-active {
width: 100% !important;
transition: width 200ms ease-in;
}
.animated-button-container-enter-done {
width: 100% !important;
}
.animated-button-container-exit {
width: 100% !important;
}
.animated-button-container-exit-active {
width: 0px !important;
transition: width 200ms ease-in;
}
.animated-button-container-exit-done {
width: 0px;
}.animated-text-enter {
opacity: 0;
}
.animated-text-enter-active {
opacity: 1;
transition: opacity 200ms cubic-bezier(1,0,1,0);
}
.animated-text-enter-done {
opacity: 1;
}
.animated-text-exit {
opacity: 1;
}
.animated-text-exit-active {
opacity: 0;
transition: opacity 200ms cubic-bezier(0,1,0,1);
}
.animated-text-exit-done {
opacity: 0;
}Explore