>[danger]Css動畫寫過嗎？寫一個從左往右移動的動畫 可以使用 CSS3 的 `animation` 屬性來制作一個從左往右移動的動畫效果，以下是一種簡單的實現方式： ```css /* 定義一個類 .move-right，添加此類到元素上即可觸發該動畫效果 */ .move-right { animation: moveRight 1s linear; } /* 定義從左到右移動的動畫效果 */ @keyframes moveRight { 0% { transform: translateX(-100%); } 100% { transform: translateX(0); } } ``` 在上述代碼中，我們首先定義了一個 `.move-right` 類，并為其添加了一個 CSS3 動畫效果。其次，我們定義了一個 `moveRight` 名稱的動畫，這個動畫將會在 `.move-right` 元素上觸發。 在動畫的關鍵幀中，我們將元素從初始位置（也就是頁面最左側）移動到目標位置（也就是元素的原始位置）。在這里，我們使用 `transform` 屬性來應用 `translateX` 轉換，當 `translateX` 被設置為 `-100%` 時，元素會被移動到頁面最左側；當設置為 `0` 時，元素會回到其原始位置。 最后，我們通過 `animation` 屬性將該動畫應用到需要移動的元素上，這里設置了動畫持續時間為 1 秒，動畫速度為線性（linear）。當我們將 `.move-right` 類添加到一個元素上時，該元素就會開始從左到右移動。