Loading

css实现立体文字效果

代码实现如下：

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Carver玩转css</title>
    <style>
        span {
            text-shadow: -1px 1px #bbb,
            -2px 2px #bbb,
            -3px 3px #bbb,
            -4px 4px #bbb,
            -10px 10px 3px #ccc;
            font-size: 5em;
        }
    </style>
</head>
<body>
<div>
    <span>Tea</span>
</div>
</body>
</html>

 

posted @ 2023-08-17 22:53  Carvers  阅读(325)  评论(0)    收藏  举报