rxcornor/src/rxcornor.css

website suspension corner.

.rxcornor {
  position: absolute;
  right: 0;
  top: -40px;
  overflow: hidden;
  z-index: 100;
  display: block;
  background: #008000;
  min-height: 100px;
  border-radius: 40px;
  /* transform: rotate(45deg); */
}

.rxcornor a {
  cursor: pointer;
  list-style: none;
  text-decoration: none;
  font-size: 16px;
  color: #fff
}

.rxcornor a .rxcont {
  margin: 0 auto;
  padding: 60px 10px 20px 10px;
  max-width: 80px;
  text-align: center;
}


.rxcornor.play {
  animation: rxcornor-box-shake 0.5s ease;
  animation-fill-mode: forwards;
}

@keyframes rxcornor-box-shake {
  0% {-webkit-transform:scale(1);}
  10%,20%{-webkit-transform:scale(0.9) rotate(-3deg);}
  30%,50%,70%,90%{-webkit-transform:scale(1.2) rotate(3deg);}
  40%,60%,80%{-webkit-transform:scale(1.2) rotate(-3deg);}
  100%{-webkit-transform:scale(1) rotate(0);}
}