﻿@-webkit-keyframes rotating /* Safari and Chrome */ {
    from {
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(-720deg);
        -o-transform: rotate(-720deg);
        transform: rotate(-720deg);
    }
}

@keyframes rotating {
    from {
        -ms-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    to {
        -ms-transform: rotate(-720deg);
        -moz-transform: rotate(-720deg);
        -webkit-transform: rotate(-720deg);
        -o-transform: rotate(-720deg);
        transform: rotate(-720deg);
    }
}
.rotateMe .mud-icon-button-label .mud-icon-root {
    -webkit-animation: rotating 2s linear infinite;
    -moz-animation: rotating 2s linear infinite;
    -o-animation: rotating 2s linear infinite;
    animation: rotating 2s linear infinite;
    /* Transition duration */
    /*transition: 2.5s;
    -o-transform: rotate(720deg);
    -ms-transform: rotate(720deg);
    -moz-transform: rotate(720deg);
    -webkit-transform: rotate(720deg);
    transform: rotate(720deg);*/ /* How many times it'll rotate = degrees÷360 */
}