css实现4张图片左从往右滑动

CSS是一种非常强大的样式语言，可以用于设计网页和网站。其中，实现图片左从往右滑动也是一项常见任务，下面我们来一起看看如何通过CSS来实现。

首先，我们需要将四张图片嵌套在一个class为slider的div中。然后，我们将该div的宽度设置为100%，并将其溢出部分隐藏。接着，我们将.slide的宽度设置为25%（也就是四张图片均分满屏幕），并设置了transform过渡效果。

最后，我们使用:hover伪类将.slider:hover .slide的transform属性设置为translateX(-25%)，这会使得鼠标悬停在.slider上时，四张图片整体向左偏移25%。

通过上面的代码，我们就可以实现图片左从往右滑动的效果啦！