File manager - Edit - /home/opticamezl/www/newok/modules/mod_jo_whatsapp_contact_button/assets/ak86_animate.css
Back
/* # mod_jo_whatsapp_contact_button - JO WhatsApp Contact Button for Joomla 1.6, 1.7, 2.5 and 3.x module */ /*Rotate*/ @-webkit-keyframes rotate { 20% {-webkit-transform: rotate3d(0, 0, 1, 15deg);} 40% {-webkit-transform: rotate3d(0, 0, 1, -10deg);} 60% {-webkit-transform: rotate3d(0, 0, 1, 5deg);} 80% {-webkit-transform: rotate3d(0, 0, 1, -5deg);} 100% {-webkit-transform: rotate3d(0, 0, 1, 0deg);} } @-moz-keyframes rotate { 20% {-moz-transform: rotate3d(0, 0, 1, 15deg);} 40% {-moz-transform: rotate3d(0, 0, 1, -10deg);} 60% {-moz-transform: rotate3d(0, 0, 1, 5deg);} 80% {-moz-transform: rotate3d(0, 0, 1, -5deg);} 100% {-moz-transform: rotate3d(0, 0, 1, 0deg);} } @-o-keyframes rotate { 20% {-o-transform: rotate3d(0, 0, 1, 15deg);} 40% {-o-transform: rotate3d(0, 0, 1, -10deg);} 60% {-o-transform: rotate3d(0, 0, 1, 5deg);} 80% {-o-transform: rotate3d(0, 0, 1, -5deg);} 100% {-o-transform: rotate3d(0, 0, 1, 0deg);} } @keyframes rotate { 20% {transform: rotate3d(0, 0, 1, 15deg);} 40% {transform: rotate3d(0, 0, 1, -10deg);} 60% {transform: rotate3d(0, 0, 1, 5deg);} 80% {transform: rotate3d(0, 0, 1, -5deg);} 100% {transform: rotate3d(0, 0, 1, 0deg);} } .ak86_rotate:hover{ -webkit-animation-duration: 1s; -moz-animation-duration: 1s; -o-animation-duration: 1s; animation-duration: 1s; -webkit-transform-origin: center center; -moz-transform-origin: center center; -o-transform-origin: center center; transform-origin: center center; -webkit-animation-name: rotate; -moz-animation-name: rotate; -o-animation-name: rotate; animation-name: rotate; } /*Tada*/ @-webkit-keyframes tada { 0% {-webkit-transform:scale(1)} 10%, 20% {-webkit-transform:scale(0.9) rotate(-3deg)} 30%, 50%, 70%, 90% {-webkit-transform:scale(1.1) rotate(3deg)} 40%, 60%, 80% {-webkit-transform:scale(1.1) rotate(-3deg)} 100% {-webkit-transform:scale(1) rotate(0)} } @-moz-keyframes tada { 0% {-moz-transform:scale(1)} 10%,20% {-moz-transform:scale(0.9) rotate(-3deg)} 30%, 50%, 70%, 90% {-moz-transform:scale(1.1) rotate(3deg)} 40%, 60%, 80% {-moz-transform:scale(1.1) rotate(-3deg)} 100% {-moz-transform:scale(1) rotate(0)} } @-o-keyframes tada { 0% {-o-transform:scale(1)} 10%,20% {-o-transform:scale(0.9) rotate(-3deg)} 30%, 50%, 70%, 90% {-o-transform:scale(1.1) rotate(3deg)} 40%, 60%, 80% {-o-transform:scale(1.1) rotate(-3deg)} 100% {-o-transform:scale(1) rotate(0)} } @keyframes tada { 0% {transform:scale(1)} 10%, 20% {transform:scale(0.9) rotate(-3deg)} 30%, 50%, 70%, 90% {transform:scale(1.1) rotate(3deg)} 40%, 60%, 80% {transform:scale(1.1) rotate(-3deg)} 100% {transform:scale(1) rotate(0)} } .ak86_tada{ -webkit-animation-duration: 1s; -moz-animation-duration: 1s; -o-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: ease; -moz-animation-timing-function: ease; -o-animation-timing-function: ease; animation-timing-function: ease; } .ak86_tada:hover{ -webkit-animation-name: tada; -moz-animation-name: tada; -o-animation-name: tada; animation-name: tada; } /*Swing*/ @-webkit-keyframes swing{ 15%{-webkit-transform: translateX(5px);transform: translateX(5px);} 30%{-webkit-transform: translateX(-5px);transform: translateX(-5px);} 50%{-webkit-transform: translateX(3px);transform: translateX(3px);} 65%{-webkit-transform: translateX(-3px);transform: translateX(-3px);} 80%{-webkit-transform: translateX(2px);transform: translateX(2px);} 100%{-webkit-transform: translateX(0);transform: translateX(0);} } @keyframes swing{ 15%{-webkit-transform: translateX(5px);transform: translateX(5px);} 30%{-webkit-transform: translateX(-5px);transform: translateX(-5px);} 50%{-webkit-transform: translateX(3px);transform: translateX(3px);} 65%{-webkit-transform: translateX(-3px);transform: translateX(-3px);} 80%{-webkit-transform: translateX(2px);transform: translateX(2px);} 100%{-webkit-transform: translateX(0);transform: translateX(0);} } .ak86_swing:hover{ -webkit-animation: swing 1s ease; animation: swing 1s ease; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } /*Grow*/ .ak86_grow{ transition:all 0.8s ease!important; } .ak86_grow:hover{ -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); } /*Shrink*/ .ak86_shrink{ transition:all 0.8s ease!important; } .ak86_shrink:hover{ -webkit-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); }
| ver. 1.4 |
Github
|
.
| PHP 8.3.23 | Generation time: 0.04 |
proxy
|
phpinfo
|
Settings