Cacher is the code snippet organizer for pro developers

/* ==============================
   Custom Animated Background (Hue)
   ============================== */
  
.bg-hue-change {
    animation:hue-rotate 6s linear infinite;
    -webkit-animation:hue-rotate 6s linear infinite; /* Safari and Chrome */
    -moz-animation:hue-rotate 6s linear infinite; /* moz */
}

@keyframes hue-rotate {
    from{
         -webkit-filter: hue-rotate(0deg);
    } to {
         -webkit-filter: hue-rotate(360deg);
    }
}

@-webkit-keyframes hue-rotate {
    from{
         -webkit-filter: hue-rotate(0deg);
    } to {
         -webkit-filter: hue-rotate(360deg);
    }
} 

@-moz-keyframes hue-rotate {
    from{
         -moz-filter: hue-rotate(0deg);
    } to {
         -moz-filter: hue-rotate(360deg);
    }
}  

.bg-hue-no-change {
    animation: none;
    -webkit-animation: none; /* Safari and Chrome */
    -moz-animation: none; /* moz */
}

@keyframes hue-rotate {
    from{
         -webkit-filter: hue-rotate(0deg);
    } to {
         -webkit-filter: hue-rotate(360deg);
    }
}

@-webkit-keyframes hue-rotate {
    from{
         -webkit-filter: hue-rotate(0deg);
    } to {
         -webkit-filter: hue-rotate(360deg);
    }
} 

@-moz-keyframes hue-rotate {
    from{
         -moz-filter: hue-rotate(0deg);
    } to {
         -moz-filter: hue-rotate(360deg);
    }
}