ONLAIN.LT

Mygtukas standartiniame slaiderio bloke
su "shake" efektu. Kaip padaryti?

Instrukcija
1) Pridedame bloką CL34N (Slaideris);
2) Tiesiai po juo pritvirtiname bloką T123 iš kategorijos "Kiti" (HTML blokas);
3) Į HTML statome žemiau nurodytą kodą.
Kodas


<style>

.shake {
   
    -webkit-animation: 1.2s ease-in-out 0s normal none infinite running trambling-animation;
    -moz-animation: 1.2s ease-in-out 0s normal none infinite running trambling-animation;
    -o-animation: 1.2s ease-in-out 0s normal none infinite running trambling-animation;
    animation: 1.2s ease-in-out 0s normal none infinite running trambling-animation;
}
@keyframes trambling-animation {
   0%, 50%, 100% {
     transform: rotate(0deg);
     -webkit-transform: rotate(0deg);
     -moz-transform: rotate(0deg);
     -o-transform: rotate(0deg);
     -ms-transform: rotate(0deg);
   }
   10%, 30% {
     transform: rotate(-2deg);
     -webkit-transform: rotate(-2deg);
     -moz-transform: rotate(-2deg);
     -o-transform: rotate(-2deg);
     -ms-transform: rotate(-2deg);
   }
   20%, 40% {
     transform: rotate(2deg);
     -webkit-transform: rotate(2deg);
     -moz-transform: rotate(2deg);
     -o-transform: rotate(2deg);
     -ms-transform: rotate(2deg);
   }
}
 </style>


<script>
  
    $(".t801__button").addClass("shake");
 
</script>
Made on
Tilda