CSS逆ぼかしフェードアウトエフェクト

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する.INクラスのぼかしを変更？

.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