在CSS3中，出現(xiàn)了一種新的屬性：transform，它可以實(shí)現(xiàn)一些比較炫酷的效果，比如讓文本旋轉(zhuǎn)、放大、縮小等。其中，我們可以通過(guò)transform的rotate屬性來(lái)實(shí)現(xiàn)文本變成叉號(hào)的效果。

.cross {
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
/* 兼容性處理 */
}

上面的代碼中，我們定義了一個(gè)類名cross，將它應(yīng)用到需要實(shí)現(xiàn)變叉號(hào)效果的文本上即可。其中的transform屬性并不需要多言，只需要知道，它通過(guò)rotate來(lái)實(shí)現(xiàn)旋轉(zhuǎn)，括號(hào)中的數(shù)字表示旋轉(zhuǎn)角度。而后面的幾行代碼則是為了兼容不同瀏覽器而添加的前綴。

當(dāng)然，這只是實(shí)現(xiàn)變叉號(hào)效果的一個(gè)簡(jiǎn)單例子，我們還可以通過(guò)一些其他的方式來(lái)實(shí)現(xiàn)更加炫酷的效果，比如給叉號(hào)添加陰影、邊框等效果，增加動(dòng)畫(huà)效果等等。總之，CSS3的transform屬性讓我們?cè)谂虐嬷杏辛烁嗟倪x擇和發(fā)揮空間，而且它的應(yīng)用范圍并不僅限于文本，還可以用在圖片、按鈕等元素上。希望大家能夠在實(shí)際項(xiàng)目中深入了解和運(yùn)用它。