

.blur {
  -webkit-animation: blur 3s infinite;
}

@-webkit-keyframes blur {
  0%, 100%  { -webkit-filter: blur(0px); }
  50% { -webkit-filter: blur(10px); }
}

.hue {
  -webkit-animation: hue 5s infinite;
}

@-webkit-keyframes hue {
  0%, 100%  { -webkit-filter: hue-rotate(0deg); }
  50% { -webkit-filter: hue-rotate(180deg); }
  99.99% { -webkit-filter: hue-rotate(359.9deg); } 
}


.hue-colorize {
  -webkit-animation: hue-colorize 15s infinite;
}

@-webkit-keyframes hue-colorize {
  0%, 100%  { -webkit-filter: sepia(25%) hue-rotate(0deg); }
  50% { -webkit-filter: sepia(25%) hue-rotate(180deg); }
}


.saturate {
  -webkit-animation: saturate 3s infinite;
}

@-webkit-keyframes saturate {
  0%, 100%  { -webkit-filter: saturate(none); }
  50% { -webkit-filter: saturate(10); }
}

.brightness {
  -webkit-animation: brightness 3s infinite;
}

@-webkit-keyframes brightness {
  0%, 100%  { -webkit-filter: brightness(none); }
  50% { -webkit-filter: brightness(10); }
}


