CSS3動畫從左向右滑出是一種常用的動畫效果，可以讓網頁或文檔中的元素從左向右移動。這種動畫效果通常用于展示一些動態的內容或效果，例如輪播圖、按鈕、菜單等。

下面是一個示例代碼，用于實現一個從左向右滑動的效果：

```css

background-size: cover;

@keyframes move-left {

0% {

transform: translateX(0);

100% {

transform: translateX(-100%);

.container {

width: 300px;

height: 300px;

background-color: #fff;

animation: move-left 10s infinite;

在上面的代碼中，我們定義了一個名為move-left的動畫，其動畫效果是元素從左邊向右滑動。我們使用@keyframes規則定義了動畫的播放順序，并且設置了動畫的translateX屬性值為0到-100%的變化量，表示元素從左向右移動。最后，我們設置了動畫的持續時間為10秒，并使用 infinite 屬性表示動畫無限播放。

通過上面的代碼，我們成功地實現了一個從左向右滑動的效果。用戶可以看到一個元素從左向右移動，其背景顏色也隨之變化。這種動畫效果非常美觀，可以用來展示一些動態的內容或效果。