css+css3之文字阴影

潜龙卧湖

于 2020-08-04 22:43:11 发布

阅读量150

点赞数

分类专栏： css+css3 文章标签： css css3

本文链接：https://blog.youkuaiyun.com/weixin_44046450/article/details/107743446

版权

css+css3 专栏收录该内容

10 篇文章

订阅专栏

css+css3之文字阴影

代码如下：

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <style>
		h1 {
			font-size: 100px;
			text-shadow: 5px 11px 3px rgba(0,0,0,0.5);
			/* text-shadow:水平位置 垂直位置 模糊距离 阴影颜色; */
			/* 水平和垂直位置 前2个参数必须写，  后面的2个参数可以省略 默认值 */
		}
        </style>
    </head>
    <body>
    	<h1>你是阴影，我是火影</h1>
    </body>
</html>

效果如下：

在这里插入图片描述