addon/styles/animated-status-label.css
.animated-status-label.fade-out {
animation: animated-status-label-fade-out .2s ease 0s both;
}
.animated-status-label.fade-in {
animation: animated-status-label-fade-in .2s ease 0s both;
}
@keyframes animated-status-label-fade-in {
0% {
opacity: 0;
transform: scale(0.8);
}
100% {
opacity: 1;
transform: scale(1);
}
}
@keyframes animated-status-label-fade-out {
0% {
opacity: 1;
transform: scale(1);
}
100% {
opacity: 0;
transform: scale(0.8);
}
}