CSS文本阴影 

<style >

    h1 {
        text-shadow: 10px 10px 10px #00FF00;
    }
</style>
</head>
<body>
<h1>ksdjfghksjdgb</h1>

</body>

页面效果如下：

 

前两个px单位是控制阴影的偏移量，可以发现这里以右为正，下为正，则阴影为右下偏移。第三个px为阴影模糊的距离，个人认为是模糊度，当代码改为：

 h1 {
        text-shadow: 10px 10px 1px #00FF00;
    }

页面效果如下：

 

 可以发现模糊度减少的很少

反之更加模糊

  h1 {
        text-shadow: 10px 10px 50px #00FF00;
    }

 

posted @ 2020-10-18 16:14  null_lii  阅读(118)  评论(0)    收藏  举报