Html 如何解决悬停时弹出的问题？

希望你们都好。 如何修复弹出式图像悬停？ 我需要它慢慢变大。正如你所看到的那样，大图像只是淡入淡出

我附上了一个很好的例子来解释这一点

在此，任何帮助都将不胜感激。Thx yummi

/*。。。。。。。。。。。。右栏*/
.右栏{
位置：绝对位置；
}
/*......... 交叉淡入按钮*/
#悬停式img{
-o-转变：.3s；
-ms转换：.3s；
-moz跃迁：.3s；
-webkit转换：.3s；
位置：绝对位置；
}
.诺霍弗{
不透明度：0；
}
悬停，悬停{
不透明度：0；
}
悬停，不悬停{
不透明度：1；
}
/*................ 斜面*/
内斜角{
边界半径：20px；
}
img#斜面{
边界半径：20px；
}
/*............. 悬停时弹出*/
#流行音乐{
过渡：.5s轻松
}
#pop-img：悬停{
-webkit转换：比例（1.15）；
-ms变换：比例（1.15）；
转换：比例（1.15）；
过渡：0.5s缓解；
}

---

主要问题是缩放应用于当前悬停的图像，悬停时由于

不透明度：0

而消失

scale

变换和变换应应用于

a#hover

下的所有图像

注意：我已经清理了你的CSS。转换和转换不需要浏览器前缀，除非您需要支持非常旧的浏览器。在添加前缀之前，请检查目标浏览器

/*。。。。。。。。。交叉淡入按钮*/
.悬停img{
位置：绝对位置；
过渡：所有0.5s缓解；
}
.诺霍弗{
不透明度：0；
}
.悬停：悬停img{
转换：比例（1.15）；
}
悬停，悬停，悬停{
不透明度：0；
}
悬停：悬停。不悬停{
不透明度：1；
}
/*................ 斜面*/
.斜面{
边界半径：20px；
}

---

仅使用一个图像和CSS

过滤器

：

.btnImg{
显示：内联块；
宽度：120px；高度：80px；
边界半径：20px；
溢出：隐藏；
转变：转变；
}
.btnImg img{
宽度：继承；高度：继承；
对象匹配：覆盖；
过渡：过滤。3s；
转换：标度（1.05）；
过滤器：模糊（3px）；
背面可见性：隐藏；
}
.btnImg:悬停{
转换：比例（1.16）；
}
.btnImg：悬停img{
过滤器：模糊（0）；
}

---

thx Roko，您的解决方案运行良好。干得好。：）