sopplayer/rainplayer/styles/SopCss.css

Sopplayer is a sleek and feature-rich HTML5 video player that enhances the visual experience of videos on web pages. It offers compatibility across devices and browsers, supporting various video formats. With intuitive controls and customizable options, S

/*Animations SopCss More Here :- https://animista.net/ */
.bounce-bottom{animation:bounce-bottom 1s both}
@keyframes bounce-bottom{0%{transform:translateY(45px);animation-timing-function:ease-in;opacity:1}24%{opacity:1}40%{transform:translateY(24px);animation-timing-function:ease-in}65%{transform:translateY(12px);animation-timing-function:ease-in}82%{transform:translateY(6px);animation-timing-function:ease-in}93%{transform:translateY(4px);animation-timing-function:ease-in}25%,55%,75%,87%{transform:translateY(0);animation-timing-function:ease-out}100%{transform:translateY(0);animation-timing-function:ease-out;opacity:1}}

/*Buttons sopcss More Here :- https://cssbuttons.io/ */
.btnn-sponge {
 background: #FBCA1F;
 font-family: inherit;
 padding: 0.6em 1.3em;
 font-weight: 900;
 font-size: 18px;
 border: 3px solid black;
 border-radius: 0.4em;
 box-shadow: 0.1em 0.1em;
}

.btnn-sponge:hover{
 transform: translate(-0.05em, -0.05em);
 box-shadow: 0.15em 0.15em;
}

.btnn-sponge:active{
 transform: translate(0.05em, 0.05em);
 box-shadow: 0.05em 0.05em;
}
.bg-green{
  background: rgb(81, 228, 81);
}