Edit in JSFiddle

.wheel{
    width: 200px;
    height: 200px;
    margin-top: 10px;
    -webkit-transition: all 1s ease-out;
    -moz-transition: all 1s ease-out;
    -o-transition: all 1s ease-out;
    border-radius: 200px;
    border: 10px solid #232323;
    background-image:   -webkit-gradient(linear, left top, right top,
                        color-stop(0.5, #232323),                    
                        to(#232323)),
                        -webkit-gradient(linear, left top, right top,
                        color-stop(0.5, #232323),                    
                        to(#232323)),
                        -webkit-gradient(linear, left top, right bottom,
                        color-stop(0.49, transparent),                    
                        color-stop(0.49, #232323),                    
                        color-stop(0.51, #232323),                    
                        color-stop(0.51, transparent),                    
                        to(transparent)),
                       -webkit-gradient(linear, left bottom, right top,
                        color-stop(0.49, transparent),                    
                        color-stop(0.49, #232323),                    
                        color-stop(0.51, #232323),                    
                        color-stop(0.51, transparent),                    
                        to(transparent));
    background-image:   -moz-linear-gradient(top,
                        #232323 50%,                    
                        #232323),
                        -moz-linear-gradient(top,
                        #232323 50%, #232323),
                        -moz-linear-gradient(45deg, transparent 49%, #232323 49%, #232323 51%, transparent 51%, transparent),
                        -moz-linear-gradient(-45deg, transparent 49%, #232323 49%, #232323 51%, transparent 51%, transparent);
    background-image:   -o-linear-gradient(top,
                        #232323 50%,                    
                        #232323),
                        -o-linear-gradient(top,
                        #232323 50%, #232323),
                        -o-linear-gradient(45deg, transparent 49%, #232323 49%, #232323 51%, transparent 51%, transparent),
                        -o-linear-gradient(-45deg, transparent 49%, #232323 49%, #232323 51%, transparent 51%, transparent);
    background-repeat: no-repeat, repeat-x, repeat, repeat;
    background-position: center, right center;
    background-size: 5px 200px, 200px 5px, 100%, 100%;
}

.wheel:hover{
    -webkit-transform: translate(20em, 0) rotate(180deg);
    -moz-transform: translate(20em, 0) rotate(180deg);
    -o-transform: translate(20em, 0) rotate(180deg);
}

<div class="wheel"></div>