You are here

Home » API reference » Ajax loader 8

pulse.css in Ajax loader 8

Same filename and directory in other branches
  1. 7 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. }