標題：tab切換 CSS3 效果

隨著互聯網的發展，人們越來越依賴于瀏覽器的內置標簽，而不是手動添加標簽。在瀏覽器中，標簽之間可以相互切換，這種功能通常被稱為“tab切換”。在這篇文章中，我們將介紹如何使用 CSS3 樣式來實現一個簡單的 tab 切換效果。

首先，我們需要了解 HTML 和 CSS 的基礎知識。HTML 用于創建網頁的內容，而 CSS 用于創建網頁的樣式。我們可以使用 HTML 標簽和 CSS 樣式來創建網頁的外觀和功能。

接下來，我們將使用 CSS3 的 transform 屬性來創建一個簡單的 tab 切換效果。我們可以將一個元素設置為多個標簽，并在每個標簽之間使用 transform 屬性添加過渡效果。

下面是一個示例代碼：

```html

<li>

<a href="#">標簽1</a>

</li>

<li>

<a href="#">標簽2</a>

</li>

<li>

<a href="#">標簽3</a>

</li>

</ul>

下面是一個示例代碼：

```css

list-style-type: none;

display: inline-block;

width: 20px;

height: 20px;

margin: 0 2px;

background-color: #f00;

transform: rotate(-45deg);

transform-origin: 0 100%;

display: block;

width: 20px;

height: 20px;

margin: 0 2px;

background-color: #f00;

transition: transform 0.3s ease;

a:hover {

transform: rotate(45deg);

通過使用 CSS3 的 transform 屬性，我們可以實現一個簡單的 tab 切換效果，讓用戶可以在網頁中輕松切換不同的標簽。