.spinner { width: 40px; height: 40px; background-color: #333; margin: 100px auto; -webkit-animation: sk-rotateplane 1.2s infinite ease-in-out; animation: sk-rotateplane 1.2s infinite ease-in-out; } @-webkit-keyframes sk-rotateplane { 0% { -webkit-transform: perspective(120px) } 50% { -webkit-transform: perspective(120px) rotateY(180deg) } 100% { -webkit-transform: perspective(120px) rotateY(180deg
![SpinKit](https://cdn-ak-scissors.b.st-hatena.com/image/square/b0ba4795eaeeb3dd88a1446b4793b2b99f53a97e/height=288;version=1;width=512/https%3A%2F%2Ftobiasahlin.com%2Fstatic%2F-social%2Fog_spinkit.jpg)