CSS3中的叉叉是一種非常常見的UI元素，它通常用于關閉或刪除某個內容。 CSS3的設計讓我們能夠使用非常簡單的CSS代碼來創建這個元素，同時也能夠使它看上去比以前更加優美。

在CSS3中，我們可以使用偽元素

::before

.x:before {
content: "×";
color: #fff;
font-size: 24px;
font-weight: bold;
display: inline-block;
transform: rotate(45deg);
}

在這段代碼中，我們使用了content屬性來添加一個叉叉，而transform屬性則使這個叉叉旋轉45度，以達到更好的視覺效果。

我們可以在HTML中使用這個類名來實現在某個元素上添加叉叉。比如，在一個按鈕上添加叉叉的代碼如下：

Close

注意到我們沒有將叉叉實現在按鈕本身上，而是在按鈕內部添加了一個帶有 .x 類名的元素。這是因為我們需要使用偽元素來實現叉叉。

最后，我們需要將樣式表中 .btn 和 .x 類名的樣式進行相應的調整，以達到我們想要的效果。

CSS3中的叉叉是一個非常實用的UI元素，同時也非常容易實現。我們可以利用它來優化網頁的交互效果，在用戶體驗方面提供更好的支持。