CSS3 动画图像不会按预期响应答案

【问题标题】：CSS3 animated images will not respond as expectedCSS3 动画图像不会按预期响应
【发布时间】：2013-12-17 13:51:50
【问题描述】：

我有 this 小提琴，我有 4 张图片。将鼠标悬停时，右侧的图像会正确更改其大小，但我不明白为什么当我明确表示我希望所有图像都以相同的方式运行时，左侧的图像没有运行相同的模式。

有人可以帮帮我吗？

这是 html, Css in the fiddle

<a href="#" class="social1" ><img src="http://img24.imageshack.us/img24/3221/32845401.png" alt="img1" id="btnSocialStyle" /></a>
<a href="#" class="social2" ><img src="http://img24.imageshack.us/img24/3221/32845401.png" alt="img1" id="btnSocialStyle" /></a>
<a href="#" class="social3" ><img src="http://img24.imageshack.us/img24/3221/32845401.png" alt="img1" id="btnSocialStyle" /></a>
<a href="#" class="social4" ><img src="http://img24.imageshack.us/img24/3221/32845401.png" alt="img1" id="btnSocialStyle" /></a>

【问题讨论】：

标签： html css hover transform scale

【解决方案1】：

您的问题是，您只能在给定元素之后使用“~”操作符查看元素。据我所知，即使在 CSS 3.0 中也无法选择向后/向上。这总是需要一个 jQuery/Javascript 解决方案。所以你可能需要在JS中处理悬停事件。

但我会说保持原样，即使没有左手元素缩放也很好;)

【讨论】：