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？

.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