到目前為止，我們?cè)诰W(wǎng)頁設(shè)計(jì)中已經(jīng)用到了許多圖片。但是，您知道您還可以使用純文本來設(shè)計(jì)圖片嗎？這就是所謂的 CSS 文字圖。

.text-image{
font-size: 100px;
/*使用紅色色彩*/
color: red;
/*使用文本陰影*/
text-shadow: 1px 1px 0 rgba(0,0,0,.05);
/*水平居中對(duì)齊*/
text-align: center;
/*使用變換-垂直方向翻轉(zhuǎn)*/
transform: scaleY(-1);
}

上面的代碼展示了如何利用 CSS 文字圖創(chuàng)建紅色的文本，并使用陰影和翻轉(zhuǎn)使其看起來像一個(gè)立體的圖形。此技巧可以用于創(chuàng)建標(biāo)志，簡(jiǎn)單的插圖和其他需要一些設(shè)計(jì)元素的情況。

利用 CSS 文字圖，您可以發(fā)揮創(chuàng)意，僅使用文本來創(chuàng)建令人驚訝的視覺效果。