SVG特效之高斯模糊滤镜

最新推荐文章于 2024-02-08 17:41:19 发布

bohn

最新推荐文章于 2024-02-08 17:41:19 发布

阅读量1k

点赞数

分类专栏：特效 css

本文链接：https://blog.youkuaiyun.com/qq_39458856/article/details/82287875

版权

特效同时被 2 个专栏收录

12 篇文章

订阅专栏

css

9 篇文章

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <h1>SVG特效之高斯模糊滤镜</h1>
    <svg width="600" height="600" style="background-color: #4cae4c">
        <defs>
            <filter id="f2">
                <feGaussianBlur stdDeviation="2"></feGaussianBlur>
            </filter>
            <filter id="f3"><feGaussianBlur stdDeviation="5"></feGaussianBlur></filter>
        </defs>
        <text y="100" font-size="70" filter="url(#f2)">你好啊</text>
        <text y="200" font-size="70" filter="url(#f3">你好啊</text>
    </svg>
</body>
</html>