Javascript 如何使HTML元素稍微离开视口的边缘，以便在悬停时将其恢复到原来的位置？

我想编写一个包含多个框的评论部分（每个人一个框/评论）。有3个主要元素是可见的，每侧有2个元素稍微偏离页面，但当鼠标悬停在上面时会移入

---

这样做可能吗？或者我应该制作一个旋转木马来滑动评论来让它更容易吗？

你可以考虑使用CSS悬停方法来启动一个动画，它将HTML元素向内移动。 它可能看起来像这样：

@关键帧向右滑动{
从{
转换：translate3d（100%，0，0）；
能见度：可见；
}
到{
-webkit转换：translate3d（0,0,0）；
变换：translate3d（0,0,0）；
}
}
@关键帧滑动左移{
从{
转换：translate3d（-100%，0，0）；
能见度：可见；
}
到{
变换：translate3d（0,0,0）；
}
}
/*归功于https://github.com/daneden 用于CSS动画*/
复习1：悬停{
动画名称：slideInRight；
}
复习2：悬停{
动画名称：slideInLeft；
}

这个问题似乎与stackoverflow无关，因为您似乎在问设计类型的问题，而不是代码实现问题。也许你应该去看看报纸？