.sqwpluginpulsebutton { display: flex; } .sqwpluginpulsebutton-center { justify-content: center; } .sqwpluginpulsebutton-left { justify-content: flex-start; } .sqwpluginpulsebutton-right { justify-content: flex-end; } @keyframes sqwpluginpulsebutton-zigzag { 0% { transform: scale3d(1,1,1) translate3d(0,0,0); } 3% { transform: scale3d(1.2,1.2,1.2) translate3d(30px,0,0); } 9% { transform: scale3d(1,1,1) translate3d(0,0,0); } 12% { transform: scale3d(1.2,1.2,1.2) translate3d(-30px,0,0); } 18% { transform: scale3d(1,1,1) translate3d(0,0,0); } } @keyframes sqwpluginpulsebutton-pulse { 0% { transform: scale3d(1,1,1); } 3% { transform: scale3d(1.2,1.2,1.2); } 6% { transform: scale3d(1,1,1); } } @keyframes sqwpluginpulsebutton-doublepulse { 0% { transform: scale3d(1,1,1); } 3% { transform: scale3d(1.2,1.2,1.2); } 6% { transform: scale3d(1,1,1); } 10% { transform: scale3d(1,1,1); } 13% { transform: scale3d(1.2,1.2,1.2); } 16% { transform: scale3d(1,1,1); } } @keyframes sqwpluginpulsebutton-triplepulse { 0% { transform: scale3d(1,1,1); } 3% { transform: scale3d(1.2,1.2,1.2); } 6% { transform: scale3d(1,1,1); } 10% { transform: scale3d(1,1,1); } 13% { transform: scale3d(1.2,1.2,1.2); } 16% { transform: scale3d(1,1,1); } 20% { transform: scale3d(1,1,1); } 23% { transform: scale3d(1.2,1.2,1.2); } 26% { transform: scale3d(1,1,1); } } @keyframes sqwpluginpulsebutton-alarm { 0% { transform: scale3d(1,1,1); filter: brightness(100%); } 2% { transform: scale3d(1.2,1.2,1.2); filter: brightness(200%); } 7% { filter: brightness(100%); } 12% { transform: scale3d(1,1,1); } 15% { transform: scale3d(1,1,1); filter: brightness(100%); } 17% { transform: scale3d(1.2,1.2,1.2); filter: brightness(200%); } 22% { filter: brightness(100%); } 27% { transform: scale3d(1,1,1); } 30% { transform: scale3d(1,1,1); filter: brightness(100%); } 32% { transform: scale3d(1.2,1.2,1.2); filter: brightness(200%); } 37% { filter: brightness(100%); } 42% { transform: scale3d(1,1,1); } } @keyframes sqwpluginpulsebutton-shake { 0% { transform: translate3d(0,0,0); } 2% { transform: translate3d(-10px,0,0); } 4% { transform: translate3d(10px,0,0); } 6% { transform: translate3d(-10px,0,0); } 8% { transform: translate3d(10px,0,0); } 10% { transform: translate3d(0,0,0); } } @keyframes sqwpluginpulsebutton-doubleshake { 0% { transform: translate3d(0,0,0); } 2% { transform: translate3d(-10px,0,0); } 4% { transform: translate3d(10px,0,0); } 6% { transform: translate3d(-10px,0,0); } 8% { transform: translate3d(10px,0,0); } 10% { transform: translate3d(0,0,0); } 20% { transform: translate3d(0,0,0); } 22% { transform: translate3d(-10px,0,0); } 24% { transform: translate3d(10px,0,0); } 26% { transform: translate3d(-10px,0,0); } 28% { transform: translate3d(10px,0,0); } 30% { transform: translate3d(0,0,0); } } @keyframes sqwpluginpulsebutton-tripleshake { 0% { transform: translate3d(0,0,0); } 2% { transform: translate3d(-10px,0,0); } 4% { transform: translate3d(10px,0,0); } 6% { transform: translate3d(-10px,0,0); } 8% { transform: translate3d(10px,0,0); } 10% { transform: translate3d(0,0,0); } 15% { transform: translate3d(0,0,0); } 17% { transform: translate3d(-10px,0,0); } 19% { transform: translate3d(10px,0,0); } 21% { transform: translate3d(-10px,0,0); } 23% { transform: translate3d(10px,0,0); } 25% { transform: translate3d(0,0,0); } 30% { transform: translate3d(0,0,0); } 32% { transform: translate3d(-10px,0,0); } 34% { transform: translate3d(10px,0,0); } 36% { transform: translate3d(-10px,0,0); } 38% { transform: translate3d(10px,0,0); } 40% { transform: translate3d(0,0,0); } } @keyframes sqwpluginpulsebutton-blink { 0% { filter: brightness(100%); } 2% { filter: brightness(200%); } 8% { filter: brightness(100%); } } @keyframes sqwpluginpulsebutton-doubleblink { 0% { filter: brightness(100%); } 2% { filter: brightness(200%); } 8% { filter: brightness(100%); } 13% { filter: brightness(100%); } 15% { filter: brightness(200%); } 21% { filter: brightness(100%); } } @keyframes sqwpluginpulsebutton-tripleblink { 0% { filter: brightness(100%); } 2% { filter: brightness(200%); } 8% { filter: brightness(100%); } 13% { filter: brightness(100%); } 15% { filter: brightness(200%); } 21% { filter: brightness(100%); } 26% { filter: brightness(100%); } 28% { filter: brightness(200%); } 34% { filter: brightness(100%); } } @keyframes sqwpluginpulsebutton-glow { 0% { filter: brightness(100%); } 20% { filter: brightness(130%); } 50% { filter: brightness(100%); } } @keyframes sqwpluginpulsebutton-jump { 0% { transform: translate3d(0,0,0); } 2% { transform: translate3d(0,-6px,0); } 4% { transform: translate3d(0,6px,0); } 6% { transform: translate3d(0,-6px,0); } 8% { transform: translate3d(0,6px,0); } 10% { transform: translate3d(0,0,0); } } @keyframes sqwpluginpulsebutton-doublejump { 0% { transform: translate3d(0,0,0); } 2% { transform: translate3d(0,-6px,0); } 4% { transform: translate3d(0,6px,0); } 6% { transform: translate3d(0,-6px,0); } 8% { transform: translate3d(0,6px,0); } 10% { transform: translate3d(0,0,0); } 15% { transform: translate3d(0,0,0); } 17% { transform: translate3d(0,-6px,0); } 19% { transform: translate3d(0,6px,0); } 21% { transform: translate3d(0,-6px,0); } 23% { transform: translate3d(0,6px,0); } 25% { transform: translate3d(0,0,0); } } @keyframes sqwpluginpulsebutton-triplejump { 0% { transform: translate3d(0,0,0); } 2% { transform: translate3d(0,-6px,0); } 4% { transform: translate3d(0,6px,0); } 6% { transform: translate3d(0,-6px,0); } 8% { transform: translate3d(0,6px,0); } 10% { transform: translate3d(0,0,0); } 15% { transform: translate3d(0,0,0); } 17% { transform: translate3d(0,-6px,0); } 19% { transform: translate3d(0,6px,0); } 21% { transform: translate3d(0,-6px,0); } 23% { transform: translate3d(0,6px,0); } 25% { transform: translate3d(0,0,0); } 30% { transform: translate3d(0,0,0); } 32% { transform: translate3d(0,-6px,0); } 34% { transform: translate3d(0,6px,0); } 36% { transform: translate3d(0,-6px,0); } 38% { transform: translate3d(0,6px,0); } 40% { transform: translate3d(0,0,0); } } @keyframes sqwpluginpulsebutton-poke { 0% { transform: translate3d(0,0,0); } 1% { transform: translate3d(20px,0,0); } 8% { transform: translate3d(0,0,0); } } @keyframes sqwpluginpulsebutton-doublepoke { 0% { transform: translate3d(0,0,0); } 1% { transform: translate3d(20px,0,0); } 8% { transform: translate3d(0,0,0); } 10% { transform: translate3d(0,0,0); } 11% { transform: translate3d(20px,0,0); } 18% { transform: translate3d(0,0,0); } } @keyframes sqwpluginpulsebutton-triplepoke { 0% { transform: translate3d(0,0,0); } 1% { transform: translate3d(20px,0,0); } 8% { transform: translate3d(0,0,0); } 10% { transform: translate3d(0,0,0); } 11% { transform: translate3d(20px,0,0); } 18% { transform: translate3d(0,0,0); } 20% { transform: translate3d(0,0,0); } 21% { transform: translate3d(20px,0,0); } 28% { transform: translate3d(0,0,0); } } @keyframes sqwpluginpulsebutton-swing { 0% { transform: rotateZ(0); } 3% { transform: rotateZ(6deg); } 9% { transform: rotateZ(-6deg); } 12% { transform: rotateZ(0); } } @keyframes sqwpluginpulsebutton-doubleswing { 0% { transform: rotateZ(0); } 3% { transform: rotateZ(6deg); } 9% { transform: rotateZ(-6deg); } 12% { transform: rotateZ(0); } 15% { transform: rotateZ(0); } 18% { transform: rotateZ(6deg); } 24% { transform: rotateZ(-6deg); } 27% { transform: rotateZ(0); } } @keyframes sqwpluginpulsebutton-tripleswing { 0% { transform: rotateZ(0); } 3% { transform: rotateZ(6deg); } 9% { transform: rotateZ(-6deg); } 12% { transform: rotateZ(0); } 15% { transform: rotateZ(0); } 18% { transform: rotateZ(6deg); } 24% { transform: rotateZ(-6deg); } 27% { transform: rotateZ(0); } 30% { transform: rotateZ(0); } 33% { transform: rotateZ(6deg); } 39% { transform: rotateZ(-6deg); } 42% { transform: rotateZ(0); } } @keyframes sqwpluginpulsebutton-wiggle { 0% { transform: translate3d(0,0,0); } 3% { transform: translate3d(-10px,0,0); } 6% { transform: translate3d(10px,0,0); } 9% { transform: translate3d(-15px,0,0); } 12% { transform: translate3d(15px,0,0); } 15% { transform: translate3d(-20px,0,0); } 18% { transform: translate3d(20px,0,0); } 21% { transform: translate3d(-15px,0,0); } 24% { transform: translate3d(15px,0,0); } 27% { transform: translate3d(-10px,0,0); } 30% { transform: translate3d(10px,0,0); } 33% { transform: translate3d(-5px,0,0); } 36% { transform: translate3d(5px,0,0); } 39% { transform: translate3d(0,0,0); } } @keyframes sqwpluginpulsebutton-inyourface { 0% { transform: scale3d(1,1,1) rotateZ(0); } 3% { transform: scale3d(1.2,1.2,1.2) rotateZ(0); } 6% { transform: scale3d(1.2,1.2,1.2) rotateZ(5deg); } 9% { transform: scale3d(1.2,1.2,1.2) rotateZ(-5deg); } 12% { transform: scale3d(1.2,1.2,1.2) rotateZ(5deg); } 15% { transform: scale3d(1.2,1.2,1.2) rotateZ(-5deg); } 18% { transform: scale3d(1.2,1.2,1.2) rotateZ(5deg); } 21% { transform: scale3d(1.2,1.2,1.2) rotateZ(-5deg); } 24% { transform: scale3d(1.2,1.2,1.2) rotateZ(0); } 30% { transform: scale3d(1,1,1) rotateZ(0); } } @keyframes sqwpluginpulsebutton-lookatme { 0% { transform: scale3d(1,1,1); } 3% { transform: scale3d(1.3,1.3,1.3); } 7% { transform: scale3d(1.2,1.2,1.2); } 25% { transform: scale3d(1.2,1.2,1.2); } 35% { transform: scale3d(1,1,1); } } @keyframes sqwpluginpulsebutton-lookatmeforreal { 0% { transform: scale3d(1,1,1); } 3% { transform: scale3d(1.3,1.3,1.3); } 7% { transform: scale3d(1.2,1.2,1.2); } 10% { transform: scale3d(1.2,1.2,1.2); filter: brightness(100%); } 12% { transform: scale3d(1.2,1.2,1.2); filter: brightness(120%); } 16% { transform: scale3d(1.2,1.2,1.2); filter: brightness(100%); } 20% { transform: scale3d(1.2,1.2,1.2); filter: brightness(100%); } 22% { transform: scale3d(1.2,1.2,1.2); filter: brightness(140%); } 26% { transform: scale3d(1.2,1.2,1.2); filter: brightness(100%); } 30% { transform: scale3d(1.2,1.2,1.2); filter: brightness(100%); } 32% { transform: scale3d(1.2,1.2,1.2); filter: brightness(160%); } 36% { transform: scale3d(1.2,1.2,1.2); filter: brightness(100%); } 50% { transform: scale3d(1,1,1); } } .sqwpluginpulsebutton a { animation: var(--name) 4s infinite; } .sqwpluginpulsebutton a { border-color: #bd544f; border-width: 0px; border-style: solid; padding: 10px 20px 10px 20px; background: #bd544f; font: 14px 'Open Sans',Verdana,Helvetica,sans-serif; color: #ffffff; letter-spacing: 0px; border-radius: 0px; display: block; cursor: pointer; -webkit-appearance: none; text-decoration: none; } .sqwpluginpulsebutton a:hover { border-color: #e8a700; background: #e8a700; font-weight: normal; font-style: normal; text-transform: none; color: #ffffff; text-decoration: none; animation-play-state: paused; } .sqwpluginpulsebutton a:focus { border-color: #bd5c4f; background: #bd5c4f; font-weight: normal; font-style: normal; text-transform: none; color: #ffffff; outline: none; animation-play-state: paused; }