是否有可能不模糊我模糊图像的边界边缘，而不是在一小时内关闭？溢出可以解决这个问题。
我将非常感谢任何例子或建议。
thx美味
body {
background-color: dimgrey;
margin: 50px;
}
.gallery {
position: absolute;
transform: scale(1.22);
overflow:hidden;
}
/*................ bevels ................*/
img#bevel {
border-radius: 20px;
}
/*......... crossfade on buttons .........*/
#hover img{
-o-transition:.3s;
-ms-transition:.3s;
-moz-transition:.3s;
-webkit-transition:.3s;
position:absolute;
}
.nohover{
filter: blur(4px);
}
a:hover .hover{
filter: blur(4px);
}
a:hover .nohover{
filter: blur(0);
}
/*............. pop on hover .............*/
#pop img {transition: .5s ease}
#pop img:hover {
-webkit-transform: scale(1.15);
-ms-transform: scale(1.15);
transform: scale(1.15);
transition: 0.2s ease;
}<div class="gallery" id="pop">
<a id="hover" href="topup.htm"><img src="https://www.wizzfree.com/pix/vid0.jpg" width="100" id="bevel" class="nohover"><class="hover"></a>
</div>
<p> </p>
<p> </p>
<p> </p>
<p>How to NOT blur border edges?</p>
试试这个，而不是img： hover使用。画廊：悬停
.gallery:hover{
-webkit-transform: scale(1.35);
-ms-transform: scale(1.35);
transform: scale(1.35);
transition: 0.2s ease;
}
body {
background-color: dimgrey;
margin: 50px;
position:relative;
}
.gallery {
position: absolute;
top:30px;
right:10px;
overflow:hidden;
transform: scale(1.22);
border-radius: 20px;
-o-transition:.3s;
-ms-transition:.3s;
-moz-transition:.3s;
-webkit-transition:.3s;
}
.nohover{
filter: blur(4px);
}
a:hover .hover{
filter: blur(4px);
}
a:hover .nohover{
filter: blur(0);
}
.gallery:hover {
-webkit-transform: scale(1.35);
-ms-transform: scale(1.35);
transform: scale(1.35);
transition: 0.2s ease;
}<div class="gallery" id="pop">
<a id="hover" href="topup.htm">
<img src="https://www.wizzfree.com/pix/vid0.jpg" width="200" id="bevel" class="nohover" />
</a>
</div>
<br>
<br>
<br>
<br>
<p>How to NOT blur border edges?</p>