JSFiddle - React, Tailwind, and code Playground

by mauricederegt

HTML

<div class="tile10"></div>

CSS

@-webkit-keyframes rotate {
    from{
        -webkit-transform: rotate(0deg);
        -webkit-transform-origin: 0 0 , 0 0, 50% 50%;
    }
    to{
        -webkit-transform: rotate(360deg);
        -webkit-transform-origin: 0 0 , 0 0, 50% 50%;
    }
}

.tile10 {
	position: absolute;
	  width: 80px;
	  height: 80px;
    background: url(http://www.mauricederegt.nl/tile1.svg), url(http://www.mauricederegt.nl/gaas.png), url(http://www.mauricederegt.nl/fan.svg);
	background-repeat: no-repeat;
    background-position: 0 0, 0 0, 6px 5px;
	-webkit-animation: rotate 2s linear infinite;	  
}