UX: Try "bouncing" the back button in on progress widget
This commit is contained in:
parent
a297d7598b
commit
7c32b03364
|
@ -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;
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in New Issue