You are here

double-bounce.css in Ajax loader 7

Same filename and directory in other branches
  1. 8 css/double-bounce.css
.ajax-throbber.sk-double-bounce .sk-child {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: #333;
    opacity: 0.6;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-animation: sk-doubleBounce 2s infinite ease-in-out;
    animation: sk-doubleBounce 2s infinite ease-in-out; }
.ajax-throbber.sk-double-bounce .sk-double-bounce2 {
    -webkit-animation-delay: -1.0s;
    animation-delay: -1.0s; }

@-webkit-keyframes sk-doubleBounce {
    0%, 100% {
        -webkit-transform: scale(0);
        transform: scale(0); }
    50% {
        -webkit-transform: scale(1);
        transform: scale(1); } }

@keyframes sk-doubleBounce {
    0%, 100% {
        -webkit-transform: scale(0);
        transform: scale(0); }
    50% {
        -webkit-transform: scale(1);
        transform: scale(1); } }

File

css/double-bounce.css
View source
  1. .ajax-throbber.sk-double-bounce .sk-child {
  2. width: 100%;
  3. height: 100%;
  4. border-radius: 50%;
  5. background-color: #333;
  6. opacity: 0.6;
  7. position: absolute;
  8. top: 0;
  9. left: 0;
  10. -webkit-animation: sk-doubleBounce 2s infinite ease-in-out;
  11. animation: sk-doubleBounce 2s infinite ease-in-out; }
  12. .ajax-throbber.sk-double-bounce .sk-double-bounce2 {
  13. -webkit-animation-delay: -1.0s;
  14. animation-delay: -1.0s; }
  15. @-webkit-keyframes sk-doubleBounce {
  16. 0%, 100% {
  17. -webkit-transform: scale(0);
  18. transform: scale(0); }
  19. 50% {
  20. -webkit-transform: scale(1);
  21. transform: scale(1); } }
  22. @keyframes sk-doubleBounce {
  23. 0%, 100% {
  24. -webkit-transform: scale(0);
  25. transform: scale(0); }
  26. 50% {
  27. -webkit-transform: scale(1);
  28. transform: scale(1); } }