提交文本渐变效果

fb38c8c3 · wangdan · e83e1764 · fb38c8c3
Commit fb38c8c3 authored Apr 29, 2022 by wangdan
Hide whitespace changes
Inline Side-by-side

Showing with 25 additions and 0 deletions

components/textgradient/文本渐变.html
+25 -0

No files found.
--- a/components/textgradient/文本渐变.html
+++ b/components/textgradient/文本渐变.html
+<!DOCTYPE html>
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>文本渐变</title>
+</head>
+
+<body>
+    <svg style="width:100%">
+        <defs>
+            <linearGradient id="grad" x1="10%" y1="10%" x2="100%" y2="100%">
+                <stop offset="0%" style="stop-color:#00F9FF;stop-opacity: 1;"/>
+                <stop offset="100%" style="stop-color:#004AFF;stop-opacity: 1;"/>
+            </linearGradient>
+        </defs>
+        <text x="0" y="36" fill="url(#grad)" style="font-size:40px">文本渐变，IE兼容</text>
+    </svg>
+</body>
+
+</html>
\ No newline at end of file