You are here

Home » API reference » Ajax loader 7

pulse.css in Ajax loader 7

Same filename and directory in other branches
  1. 8 css/pulse.css
.ajax-throbber.sk-spinner-pulse {
    position: inherit;
    background-color: #333;
    border-radius: 100%;
    -webkit-animation: sk-pulseScaleOut 1s infinite ease-in-out;
    animation: sk-pulseScaleOut 1s infinite ease-in-out;
}

@-webkit-keyframes sk-pulseScaleOut {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0;
    }
}

@keyframes sk-pulseScaleOut {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0;
    }
}

File

css/pulse.css
View source 
  1. .ajax-throbber.sk-spinner-pulse {

  2.     position: inherit;

  3.     background-color: #333;

  4.     border-radius: 100%;

  5.     -webkit-animation: sk-pulseScaleOut 1s infinite ease-in-out;

  6.     animation: sk-pulseScaleOut 1s infinite ease-in-out;

  7. }

  8. 

  9. @-webkit-keyframes sk-pulseScaleOut {

  10.     0% {

  11.         -webkit-transform: scale(0);

  12.         transform: scale(0);

  13.     }

  14.     100% {

  15.         -webkit-transform: scale(1);

  16.         transform: scale(1);

  17.         opacity: 0;

  18.     }

  19. }

  20. 

  21. @keyframes sk-pulseScaleOut {

  22.     0% {

  23.         -webkit-transform: scale(0);

  24.         transform: scale(0);

  25.     }

  26.     100% {

  27.         -webkit-transform: scale(1);

  28.         transform: scale(1);

  29.         opacity: 0;

  30.     }

  31. }