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

也许将.in类的模糊更改为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

css逆转模糊淡出效果

1 个答案: