CSS3 半圓弧是一種常見的 CSS 過渡效果，可以用來創建平滑的曲線和過渡。半圓弧可以用兩個 8 像素的圓心角線來表示，其中半圓的半徑等于兩個圓心角的度數之和。

下面是一個使用 CSS3 半圓弧效果創建一個簡單的文本框示例：

```html

<style>

.box {

width: 200px;

height: 200px;

background-color: blue;

box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);

.box:before,

.box:after {

content: "";

border-radius: 50% 50% 0px 0px;

width: 80px;

height: 80px;

background-color: red;

.box:before {

left: 50%;

transform: translateX(-50%);

.box:after {

right: 50%;

transform: translateX(-50%);

</style>

<div class="box">

<p>Hello World!</p>

</div>

在這個示例中，我們使用了兩個 `:before` 和 `:after` 偽元素來創建半圓弧效果。它們被設置為相同的寬度和高度，并使用 `border-radius` 屬性將半徑設置為 50% 并設置兩個圓心角的度數之和為 8。在偽元素內部，我們使用 `background-color` 屬性設置了背景顏色，以使半圓弧更加明顯。

通過使用 CSS3 半圓弧效果，我們可以創建許多其他類型的過渡效果，例如漸變、折線圖等。半圓弧是 CSS 中非常強大和靈活的過渡效果之一，可以滿足許多不同的設計需求。