css如何让字体模糊

css如何让字体模糊

1、首先创建一个p标签;

2、然后为p标签设置css样式

2、设置文字颜色透明,字体阴影即可达到让字体模糊的效果。

(推荐学习:CSS视频教程

<!DOCTYPE html>
<html>
    
    <head>
        <meta charset="UTF-8">
        <title>Document</title>
        <style>
        p{ color: transparent; text-shadow: #111 0 0 1px; } 
        .p1{ text-shadow: #111 0 0 3px; }
        .p2{ text-shadow: #111 0 0 6px; }
        </style>
        </head>
    
    <body>
        <p>test</p>
        <p>test</p>
        <p>test</p></body>

</html>

效果:

Snipaste_2019-12-14_17-30-54.jpg-600

更多CSS相关技术文章,请访问CSS3答疑栏目进行学习!

以上就是css如何让字体模糊的详细内容,更多请关注0133技术站其它相关文章!

赞(0) 打赏
未经允许不得转载:0133技术站首页 » CSS3 答疑