Jquery 图像缩放动画不使用css

我有一个问题：当我在

css

背景中添加图像时，图像停止缩放动画

遵循HTML代码

<ul class="memberList">
   <li class="mem1"><a href="#"><b></b></a> <span>Member Name 1</span></li>
</ul>

成员名称1

---

要查看完整视图，请检查是否可行，您只需在

.memberList li.mem1 a b

中设置

背景大小。此外，您可能希望将过渡移动到该区域内，以便也进行缩小。检查一下，这是您的代码，有两个小更改（将大小从
205px 226px
更改为适合您的缩放首选项的值）：


.memberList{float:left；margin:10px 0 0 15px；padding:0；width:1200px；position:absolute；top:0；left:0；}
.memberList li{float:左；边距：0 7px；文本对齐：居中；列表样式：无；}
.memberList li a{显示：块；边框：实心1px#f0；溢出：隐藏；高度：144px；宽度：130px；边距底部：15px；}
.memberList li a b{显示：块；高度：144px；宽度：130px；}
.成员名单李.成员1 a b{
背景图片：url(https://s13.postimg.org/y77inuf47/member_pic1.jpg);
背景重复：无重复；
背景位置：中心；
背景尺寸：205px226像素；
过渡：所有的1容易；
-moz转换：所有1秒轻松；
-ms转换：所有1秒轻松；
-webkit过渡：所有1s轻松；
-o-过渡：所有1容易；
}
.成员列表李：悬停a b{
背景尺寸：100%100%；/*宽度和高度，可以是%、px或其他*/
}

成员名称1
这是可行的，您只需在
.memberList li.mem1 a b
中设置
背景大小。此外，您可能希望将过渡移动到该区域内，以便也进行缩小。检查一下，这是您的代码，有两个小更改（将大小从
205px 226px
更改为适合您的缩放首选项的值）：


.memberList{float:left；margin:10px 0 0 15px；padding:0；width:1200px；position:absolute；top:0；left:0；}
.memberList li{float:左；边距：0 7px；文本对齐：居中；列表样式：无；}
.memberList li a{显示：块；边框：实心1px#f0；溢出：隐藏；高度：144px；宽度：130px；边距底部：15px；}
.memberList li a b{显示：块；高度：144px；宽度：130px；}
.成员名单李.成员1 a b{
背景图片：url(https://s13.postimg.org/y77inuf47/member_pic1.jpg);
背景重复：无重复；
背景位置：中心；
背景尺寸：205px226像素；
过渡：所有的1容易；
-moz转换：所有1秒轻松；
-ms转换：所有1秒轻松；
-webkit过渡：所有1s轻松；
-o-过渡：所有1容易；
}
.成员列表李：悬停a b{
背景尺寸：100%100%；/*宽度和高度，可以是%、px或其他*/
}

成员名称1
到底是什么问题？当鼠标悬停图像通过缩小动画变小时，就像我们在css（缩放css属性）中使用时一样。可能的重复请检查JSFIDLE链接以获得完整视图。到底是什么问题？当鼠标悬停图像通过缩小动画变小时，就像我们在css（缩放css属性）中使用时一样。可能的副本请检查JSFIDLE链接以获取完整视图。