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

2016-12-28 11:39:08 -05:00 · 2016-12-28 11:39:08 -05:00 · 7c32b03364
parent a297d7598b
commit 7c32b03364
1 changed files with 10 additions and 1 deletions
--- a/app/assets/stylesheets/common/base/topic.scss
+++ b/app/assets/stylesheets/common/base/topic.scss
@ -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 {
  position: fixed;
  right: 0;
  bottom: 40px;
  z-index: 950;
  margin-right: 45px;
-
+  animation-duration: 0.5s;
+  animation-name: button-jump-up;
  .btn {
    margin: 0;
  }