/*--------------------------------------------------------------------------*\
    Blur effect
\*--------------------------------------------------------------------------*/

@keyframes blur {

    0% {
        /*box*/
        filter: blur(0px);
      }

      100% {
        /*box*/
        filter: blur(4px);
      }

}

.anim-name-blur {
    /*animation*/
    animation-name: blur;
    -webkit-animation-name: blur;
}