CSS 圖標左右抖動一下

隨著互聯網的發展，網站變得越來越多樣化，用戶對于網站的體驗要求也越來越高。其中，圖標的展示效果是一個非常重要的方面。CSS 圖標可以通過抖動的方式使圖標更加明顯，并且可以讓圖標在不同的瀏覽器中顯示效果更加一致。本文將介紹如何使用 CSS 實現圖標左右抖動的效果。

首先，我們需要了解 CSS 中的 `border-radius` 屬性和 `margin` 屬性。`border-radius` 屬性可以設置圓角的大小，`margin` 屬性可以設置邊框和內邊距的大小。我們將 `border-radius` 設置為 50% 并 `margin` 設置為 5px。

接下來，我們將創建一個 `div` 元素，將 `border-radius` 設置為 50% 并 `margin` 設置為 5px，將 `background-color` 設置為一個隨機的顏色，例如 #ff7f7f。

接下來，我們將使用 CSS 的 `transform` 屬性將 `div` 元素向左和向右抖動 5px。我們可以將 `transform` 屬性的值設置為 `translate(-5px, -5px)`，這樣 `div` 元素就會向左和向右移動 5px。

通過以上步驟，我們就能夠使用 CSS 實現圖標左右抖動的效果。這種方法不僅可以使圖標更加明顯，還能夠使圖標在不同的瀏覽器中顯示效果更加一致。如果你正在創建一個新的網站或者想要使現有的網站更加美觀，那么使用 CSS 實現圖標左右抖動的效果是一個不錯的選擇。