skill-assessment-app/app/assets/stylesheets/core/_animations.scss
2016-09-15 10:01:31 -05:00

29 lines
365 B
SCSS

@keyframes success-fadeout {
0% {
max-height: 40px;
opacity: 1;
}
85% {
margin-bottom: .5rem;
max-height: 40px;
opacity: 0;
padding: .5rem 0;
}
96% {
margin-bottom: 0;
max-height: 0;
opacity: 0;
padding: 0;
}
100% {
height: 0;
left: -10px;
position: absolute;
top: -10px;
width: 0;
}
}