CSS 中文字倒影是實(shí)現(xiàn)文字效果中比較常見的一種。它可以讓文字看起來有立體感，并且能夠增強(qiáng)頁面的視覺效果。下面我們就來介紹一下如何用 CSS 實(shí)現(xiàn)中文字倒影。

.text {
text-shadow: 0px 1px 1px rgba(0,0,0,0.3);
-webkit-transform: scaleY(-1);
transform: scaleY(-1);
}

以上是實(shí)現(xiàn)中文字倒影的 CSS 樣式代碼。我們可以通過代碼中的兩個(gè)屬性來實(shí)現(xiàn)倒影效果：

• text-shadow：用于設(shè)置文字的陰影效果。通過設(shè)置 Y 軸方向偏移量和模糊程度來模擬文字倒影陰影效果。
• transform：用于執(zhí)行 CSS 變換。通過設(shè)置 scaleY(-1) 來實(shí)現(xiàn)垂直翻轉(zhuǎn)，從而得到倒影效果。

在 HTML 標(biāo)簽中應(yīng)用樣式代碼，就可以實(shí)現(xiàn)中文字倒影效果了：

<div class="text">
倒影文字
</div>

運(yùn)用以上 CSS 樣式代碼，很容易地實(shí)現(xiàn)中文字倒影效果，可以讓網(wǎng)頁更加美觀、有趣。