CSS3中的::after偽元素是一個非常有用的工具，可以用來創建眾多有趣的效果。其中之一是箭頭效果，可以很方便地用這項技術來實現。

在使用::after偽元素繪制箭頭之前，需要先定義一個基本的元素：

<div class="arrow"></div>

接下來，我們需要在 CSS 中定義這個元素的基本樣式，并為其添加position:relative屬性：

.arrow {
background-color: #ccc;
width: 80px;
height: 40px;
position: relative;
}

有了這個基本元素之后，就可以為元素添加箭頭了。在 CSS 中使用::after偽元素創建一個類似箭頭的形狀，然后通過transform屬性將其旋轉和定位到正確的位置：

.arrow::after {
content: '';
position: absolute;
left: 70px;
top: 15px;
width: 0;
height: 0;
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
border-left: 10px solid #ccc;
transform: rotate(90deg);
}

其中，content: ''屬性用來創建一個空的偽元素，而position: absolute用來將其絕對定位。left和top屬性用來控制箭頭的位置，而width和height屬性用于定義箭頭的大小。這里使用了三個邊框樣式來定義箭頭的形狀，而transform: rotate(90deg)則是用于將箭頭旋轉90度，形成我們常見的”向右”的箭頭效果。

通過上述代碼，我們已經成功地創建出了一個向右的箭頭效果。類似地，我們可以通過調整箭頭的寬度、旋轉度數等參數，制作出不同方向的箭頭效果。