CSS Blur animation — delayed start?

Я в них не очень разбирался, вот что накидал:
/* GAUS ANIMATION */
@-webkit-keyframes GausIn { from { -webkit-filter: blur(20px); } to { -webkit-filter: blur(0px); } }
@-moz-keyframes GausIn { from { -webkit-filter: blur(20px); } to { -webkit-filter: blur(0px); } }
@keyframes GausIn { from { -webkit-filter: blur(20px); } to { -webkit-filter: blur(0px); } }

.gaus-in {
-webkit-filter: blur(20px);
-webkit-animation:GausIn ease-in 1; /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
-moz-animation:GausIn ease-in 1;
animation:GausIn ease-in 1;

-webkit-animation-fill-mode:forwards; /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
-moz-animation-fill-mode:forwards;
animation-fill-mode:forwards;

-webkit-animation-duration:1s;
-moz-animation-duration:1s;
animation-duration:1s;
}

.gaus-in.one {
-webkit-animation-delay: 4s;
-moz-animation-delay: 4s;
animation-delay: 4s;
}

.gaus-in.two {
-webkit-animation-delay: 1.2s;
-moz-animation-delay:1.2s;
animation-delay: 1.2s;
}

.gaus-in.three {
-webkit-animation-delay: 1.6s;
-moz-animation-delay: 1.6s;
animation-delay: 1.6s;
}