.qrcode:hover {
    animation: shake 0.82s cubic-bezier(.36, .07, .19, .97) both;
    transform: translate3d(0, 0, 0);
    backface-visibility: hidden;
    perspective: 1000px;
  }
  
  /*
  .qrcode {
    -webkit-animation-name: shake;
    -webkit-animation-duration: 5s;
    -webkit-animation-delay: 0.82s;
  }
  */
  
  @keyframes shake {
    10%,
    90% {
      transform: translate3d(-1px, 0, 0);
    }
    20%,
    80% {
      transform: translate3d(2px, 0, 0);
    }
    30%,
    50%,
    70% {
      transform: translate3d(-4px, 0, 0);
    }
    40%,
    60% {
      transform: translate3d(4px, 0, 0);
    }
  }


  #gradient {
    background-image: linear-gradient(to bottom right, red, yellow);
  }