Color Cycle

gistfile1.txt

.color-cycle {
    color: hsla(270,95%,69%,0.25) !important
}

@-webkit-keyframes colors {
    0% {
        color: hsla(270,95%,69%,0.25)
    }

    15% {
        color: hsla(322,95%,69%,0.25)
    }

    30% {
        color: hsla(14,95%,69%,0.25)
    }

    45% {
        color: hsla(66,95%,69%,0.25)
    }

    60% {
        color: hsla(118,95%,69%,0.25)
    }

    75% {
        color: hsla(170,95%,69%,0.25)
    }

    90% {
        color: hsla(222,95%,69%,0.25)
    }

    100% {
        color: hsla(270,95%,69%,0.25)
    }
}

@-moz-keyframes colors {
    0% {
        color: hsla(270,95%,69%,0.25)
    }

    15% {
        color: hsla(322,95%,69%,0.25)
    }

    30% {
        color: hsla(14,95%,69%,0.25)
    }

    45% {
        color: hsla(66,95%,69%,0.25)
    }

    60% {
        color: hsla(118,95%,69%,0.25)
    }

    75% {
        color: hsla(170,95%,69%,0.25)
    }

    90% {
        color: hsla(222,95%,69%,0.25)
    }

    100% {
        color: hsla(270,95%,69%,0.25)
    }
}

.color-cycle {
    -webkit-animation-direction: normal;
    -webkit-animation-duration: 30s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-name: colors;
    -webkit-animation-timing-function: ease;
    -moz-animation-direction: normal;
    -moz-animation-duration: 30s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-name: colors;
    -moz-animation-timing-function: ease
}