@brightleaf/elements
Version:
React UI elements styled with Bulma CSS
37 lines (34 loc) • 566 B
CSS
.notification-enter {
top: 0;
opacity: 0;
transform: scale(0.25);
display: block;
}
.notification-enter-active {
display: block;
top: 0;
opacity: 1;
transform: translateX(0);
transition: opacity 400ms, transform 400ms;
}
.notification-exit {
top: 0;
opacity: 1;
}
.notification-exit-active {
top: 0;
opacity: 0;
transform: scale(0.25);
transition: opacity 400ms, transform 400ms;
}
.animated {
animation-duration: 0.25s;
animation-fill-mode: both;
}
/*
.notification-exit-done {
opacity: 0;
scale: 0.25;
display: none;
}
*/