小编Dar*_*ren的帖子

尝试找到一个<div>以这样的目标为目标的伪类：

<div class="nav-previous">
                            </div>

我试过了:blank，:empty但都检测不到。难道只是做不到吗？

https://jsfiddle.net/q3o1y74k/3/

http://darrenbachan.com/

当我将鼠标悬停在img放大的项目上时,我正试图将它设置在哪里.我尝试使用它:

.grow { transition: all .2s ease-in-out; }
.grow:hover { transform: scale(1.1); }

但是当我把它放在上面时,整个容器就会增长.我甚至尝试将类增长放在保持图像的范围上,但它做同样的事情.

然后我尝试了:

.grow { 
    -moz-box-sizing: border-box; 
    -webkit-box-sizing: border-box; 
    box-sizing: border-box;
    -webkit-transition: all 2s ease;
    -moz-transition: all 2s ease;
    -o-transition: all 2s ease;
    -ms-transition: all 2s ease;
    transition: all 2s ease;
}
.grow:hover { 
    /*transform: scale(1.1);*/ 
    background-size: 150%;
    overflow: hidden;
}

但这也不起作用.它从左上角缩放背景,没有缓动.

如何修改代码以实现我正在寻找的缩放效果？