Fidget Spinner animation in CSS

spinner.css

#spinner {
      background:url('https://i.imgur.com/klnTf3g.png');
      width:100px;
      height:100px;
      background-size:contain;
    }
    @keyframes spin {
        from {
            transform: rotate(0deg)scaleX(1)rotateZ(0deg)
        }
        to {
            transform: rotate(0deg)scaleX(1)rotateZ(360deg)
        }
    }
    .slowest {animation:spin 5s infinite linear;}
    .slow {animation:spin 3s infinite linear;}
    .normal {animation:spin 2s infinite linear;}
    .fast {animation:spin 1s infinite linear;}
    .fastest {animation:spin 0.5s infinite linear;}
    .insane {animation:spin 0.1s infinite linear;}