SVG应用：渐变效果【火焰以及森林树木效果】。
渐变是颜色的平滑转换，我们可以通过渐变转换将一种颜色转换为另一种颜色。
看个简单的火焰效果。
HTML
x
11
11
1
2
<html lang="en">3
<head>4
<meta charset="UTF-8">5
<meta name="viewport" content="width=device-width, initial-scale=1.0">6
<title>SVG应用：渐变效果【火焰以及森林树木效果】</title>7
</head>8
<body>9
<iframe scrolling="no" class="result" src="/demo/svg/src/gradients/index.html" height="560px" width="600px"></iframe>10
</body>11
</html>带有树动画的渐变：
HTML
xxxxxxxxxx1
11
11
1
2
<html lang="en">3
<head>4
<meta charset="UTF-8">5
<meta name="viewport" content="width=device-width, initial-scale=1.0">6
<title>SVG应用：渐变效果【火焰以及森林树木效果】</title>7
</head>8
<body>9
<iframe scrolling="no" class="result" src="/demo/svg/src/gradients/index2.html" height="560px" width="600px"></iframe>10
</body>11
</html>山峰动画：
HTML
xxxxxxxxxx1
11
11
1
2
<html lang="en">3
<head>4
<meta charset="UTF-8">5
<meta name="viewport" content="width=device-width, initial-scale=1.0">6
<title>SVG应用：渐变效果【火焰以及森林树木效果】</title>7
</head>8
<body>9
<iframe scrolling="no" class="result" src="/demo/svg/src/gradients/index3.html" height="560px" width="600px"></iframe>10
</body>11
</html>阅读剩余 83%
作者：terry，如若转载，请注明出处：https://www.web176.com/svgtag/1481.html
支付宝 
微信 