Template:Gravity/styles.css

@keyframes bounceFall {
  0% {
    transform: translateY(0) rotate(0deg);
  }
  70% {
    transform: translateY(400px) rotate(20deg);
  }
  85% {
    transform: translateY(360px) rotate(15deg);
  }
  100% {
    transform: translateY(400px) rotate(20deg);
  }
}

.gravity-wrapper {
  display: inline-block;
  cursor: pointer;
  position: relative;
}

.gravity-wrapper:focus {
  animation-name: bounceFall;
  animation-duration: 0.8s;
  animation-timing-function: ease-in;
  animation-fill-mode: forwards;
  outline: none;
}

/* [[Category:Stylesheets]] */