CSS 三角是一種常見的 CSS 技巧，可以用來創建形狀和視覺效果。下面將介紹如何使用 CSS 三角來創建不同的三角形狀。

CSS 三角的語法如下：

```css

border-radius: 5px;

background-radius: 5px;

transform: scale(1.2);

其中，`border-radius` 和 `background-radius` 分別表示在水平和垂直方向上的三角，`transform` 用于控制三角的大小和形狀。

下面是一些示例：

1. 圓形三角

可以使用 `border-radius` 和 `background-radius` 來創建一個圓形的三角。下面是一個示例：

```css

.circle-三角 {

width: 200px;

height: 200px;

border-radius: 100px 50px 100px 50px;

background-radius: 100px 50px 100px 50px;

transform: scale(1.2);

2. 半圓形三角

可以使用 `border-radius` 和 `background-radius` 來創建一個半圓形的三角。下面是一個示例：

```css

.half-circle-三角 {

width: 200px;

height: 200px;

border-radius: 50px 100px 50px 100px;

background-radius: 50px 100px 50px 100px;

transform: scale(1.2);

3. 直角三角形

可以使用 `border-radius` 和 `background-radius` 來創建一個直角三角形。下面是一個示例：

```css

.直角-三角 {

width: 200px;

height: 200px;

border-radius: 50px 100px 50px 100px;

background-radius: 100px 50px 50px 100px;

transform: scale(1.2);

通過使用 CSS 三角，我們可以創建各種各樣的三角形狀，從而實現各種不同的視覺效果。