<!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>
SVG特效之彩虹漸變
發表評論
所有評論
還沒有人評論，想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章
position:absolute下，top:0,right:0,bottom:0,left:0 結合margin:auto的作用（讓明確寬高的盒子水平垂直居中於父元素）
絕對定位 + margin，讓明確寬高的盒子水平垂直居中於窗口 <!DOCTYPE> <html> <head> <meta charset="UTF-8"> <meta name="vie