css reverse a blur fade-out effect

Question

Я использую эффект стирания размытия CSS3, и я хотел бы изменить эффект, когда изображение будет показано снова. Я пытаюсь создать, чтобы затухать с размытием и перейти к резкому, хотя я не могу изменить эффект в своем классе .home-holder.in.

CSS:

.home-holder.out{ 
    -webkit-filter: blur(8px); 
    -webkit-transform: scale(1.4, 1.4); 
    opacity: 0.25; 
    -webkit-transition: all 0.25s ease-out; 
    transition: all 0.25s ease-out; 
    visibility: hidden; 
} 

.home-holder.in{ 
    -webkit-filter: blur(8px); 
    -webkit-transform: scale(1.4, 1.4); 
    -webkit-transition: all 0.25s ease-in; 
    transition: all 0.25s ease-in; 
    visibility: visible; 
} 

Answer 1

Возможно изменить размытость Класс .в к 0px?

.home-holder.in { 
    -webkit-filter: blur(0px); 
    -webkit-transform: scale(1.4, 1.4); 
    -webkit-transition: all 0.25s ease-in; 
    transition: all 0.25s ease-in; 
    visibility: visible; 

http://codepen.io/anon/pen/OXNMvj