UNPKG

rxcornor

Version:

website suspension corner.

github.com/cheere/rxcornor

cheere/rxcornor

8 lines (7 loc) • 1.31 kB
1
2
3
4
5
6
7
8
/*! * RxCornon * version: 0.0.8 * repo: https://github.com/cheere/rxcornor * build: 2021-09-16 10:09:41 */ .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 { -webkit-animation: rxcornor-box-shake 0.5s ease; animation: rxcornor-box-shake 0.5s ease; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards;}@-webkit-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);}}@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);}}