.sk-spinner-cube-grid { width: 40px; height: 40px; margin: 100px auto; } .sk-spinner-cube-grid .sk-cube-grid { width: 33%; height: 33%; background-color: #333; float: left; -webkit-animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out; animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out; } .sk-spinner-cube-grid .sk-cube-grid1 { -webkit-animation-delay: 0.2s; animation-delay: 0.2s; } .sk-spinner-cube-grid .sk-cube-grid2 { -webkit-animation-delay: 0.3s; animation-delay: 0.3s; } .sk-spinner-cube-grid .sk-cube-grid3 { -webkit-animation-delay: 0.4s; animation-delay: 0.4s; } .sk-spinner-cube-grid .sk-cube-grid4 { -webkit-animation-delay: 0.1s; animation-delay: 0.1s; } .sk-spinner-cube-grid .sk-cube-grid5 { -webkit-animation-delay: 0.2s; animation-delay: 0.2s; } .sk-spinner-cube-grid .sk-cube-grid6 { -webkit-animation-delay: 0.3s; animation-delay: 0.3s; } .sk-spinner-cube-grid .sk-cube-grid7 { -webkit-animation-delay: 0s; animation-delay: 0s; } .sk-spinner-cube-grid .sk-cube-grid8 { -webkit-animation-delay: 0.1s; animation-delay: 0.1s; } .sk-spinner-cube-grid .sk-cube-grid9 { -webkit-animation-delay: 0.2s; animation-delay: 0.2s; } @-webkit-keyframes sk-cubeGridScaleDelay { 0%, 70%, 100% { -webkit-transform: scale3D(1, 1, 1); transform: scale3D(1, 1, 1); } 35% { -webkit-transform: scale3D(0, 0, 1); transform: scale3D(0, 0, 1); } } @-moz-keyframes sk-cubeGridScaleDelay { 0%, 70%, 100% { -webkit-transform: scale3D(1, 1, 1); transform: scale3D(1, 1, 1); } 35% { -webkit-transform: scale3D(0, 0, 1); transform: scale3D(0, 0, 1); } } @-webkit-keyframes sk-cubeGridScaleDelay { 0%, 70%, 100% { -webkit-transform: scale3D(1, 1, 1); transform: scale3D(1, 1, 1); } 35% { -webkit-transform: scale3D(0, 0, 1); transform: scale3D(0, 0, 1); } } @-o-keyframes sk-cubeGridScaleDelay { 0%, 70%, 100% { -webkit-transform: scale3D(1, 1, 1); transform: scale3D(1, 1, 1); } 35% { -webkit-transform: scale3D(0, 0, 1); transform: scale3D(0, 0, 1); } } @keyframes sk-cubeGridScaleDelay { 0%, 70%, 100% { -webkit-transform: scale3D(1, 1, 1); transform: scale3D(1, 1, 1); } 35% { -webkit-transform: scale3D(0, 0, 1); transform: scale3D(0, 0, 1); } }