UX: Try "bouncing" the back button in on progress widget

This commit is contained in:
Robin Ward 2016-12-28 11:39:08 -05:00
parent a297d7598b
commit 7c32b03364
1 changed files with 10 additions and 1 deletions

View File

@ -1,10 +1,19 @@
@keyframes button-jump-up {
0% { bottom: 0;}
50% { bottom: 45px;}
65% { bottom: 40px;}
77% { bottom: 43px;}
100% { bottom: 40px;}
}
.progress-back-container { .progress-back-container {
position: fixed; position: fixed;
right: 0; right: 0;
bottom: 40px; bottom: 40px;
z-index: 950; z-index: 950;
margin-right: 45px; margin-right: 45px;
animation-duration: 0.5s;
animation-name: button-jump-up;
.btn { .btn {
margin: 0; margin: 0;
} }