stylus/block/rect-spinner.styl
.rect-spinner
width 40px
height 40px
background-color #3498DB
margin 100px auto
-webkit-animation rect-sk-rotateplane 1.2s infinite ease-in-out
animation rect-sk-rotateplane 1.2s infinite ease-in-out
@-webkit-keyframes rect-sk-rotateplane
0% -webkit-transform perspective(120px)
50% -webkit-transform perspective(120px) rotateY(180deg)
100% -webkit-transform perspective(120px) rotateY(180deg) rotateX(180deg)
@keyframes rect-sk-rotateplane
0%
transform perspective(120px) rotateX(0deg) rotateY(0deg)
-webkit-transform perspective(120px) rotateX(0deg) rotateY(0deg)
50%
transform perspective(120px) rotateX(-180.1deg) rotateY(0deg)
-webkit-transform perspective(120px) rotateX(-180.1deg) rotateY(0deg)
100%
transform perspective(120px) rotateX(-180deg) rotateY(-179.9deg)
-webkit-transform perspective(120px) rotateX(-180deg) rotateY(-179.9deg)