让div留在它的悬停位置,只有在悬停区域后才能返回

时间:2014-11-16 13:28:11

标签: css hover

我试图让它在悬停时图像向左移动并停留。只有当从悬停区域移出时,图像才会返回其原始位置。我已在此处重新创建了方案:http://jsfiddle.net/943vxxp6/

悬停时,前方图像向右移动。每次鼠标指针在图像悬停区域移动时,图像都会移回原始位置。我希望图像保持在右侧并且仅当鼠标指针离开悬停区域时才返回到原始位置。 这是您认为最好的方法以及如何做到这一点?

非常感谢!!

  • “正面图像”是固态图像(不会在悬停时移动)

  • “back-image”是悬停时移动的图像

<li class="product-small">
    <div class="inner-wrap">
          <div class="product-image">
                     <div class="front-image">
                         <img width="247" height="300" src="http://greensunbear.com/bianka/wp-content/uploads/2014/10/boat2-247x300.jpg" class="attachment-shop_catalog wp-post-image" alt="boat2"></div>
                    <div class="back-image">
                        <img width="247" height="300" src="http://greensunbear.com/bianka/wp-content/uploads/2014/10/boat1-247x300.jpg" class="attachment-shop_catalog" alt="boat1"></div>                          

                          </div><!-- end product-image -->

    </div> <!-- .inner-wrap -->
    </li>

0 个答案:

没有答案