悬停时CSS3动画左/右方向

Question

我需要帮助解决滑板问题。 我有一个3x3盒子的盒子网格。里面都有一张图片。 我希望能够将图像悬停在一个具有相同高度和右侧的框中，但是当我将鼠标悬停在该行的最后一个框时，它应该向左滑动。 幻灯片应该显示课堂内容：compslide right

图像始终可见。 左右幻灯片我有不同的课程

我不确定我是否应该在css中使用:: before / after。 我的html中有这个：

<div class="box">                                               
     <img src="/car.jpg"/>      
         <div class="compslide right">                                                          
         <a data-toggle="modal" href="#side1" aria-haspopup="true" class="modal-popup-link name">
        <h3 class="carhead">
            The is a car with 500 Hp
        </h3>                                                               
        </a>
        <p class="txtp">Description</p>                                                     
      </div>    
</div>