Welcome toVigges Developer Community-Open, Learning,Share
Welcome To Ask or Share your Answers For Others

Categories

0 votes
496 views
in Technique[技术] by (71.8m points)

svg图片背景色渐变动画怎么实现?

<?xml version="1.0" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg t="1596597724098" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="740"
     xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200">
  <defs>
    <style type="text/css">@font-face { font-weight: 400; font-style: normal; font-family: Inter-Loom; src:
      url("https://cdn.loom.com/assets/fonts/inter/Inter-UI-Regular.woff2") format("woff2"); }
      @font-face { font-weight: 400; font-style: italic; font-family: Inter-Loom; src:
      url("https://cdn.loom.com/assets/fonts/inter/Inter-UI-Italic.woff2") format("woff2"); }
      @font-face { font-weight: 500; font-style: normal; font-family: Inter-Loom; src:
      url("https://cdn.loom.com/assets/fonts/inter/Inter-UI-Medium.woff2") format("woff2"); }
      @font-face { font-weight: 500; font-style: italic; font-family: Inter-Loom; src:
      url("https://cdn.loom.com/assets/fonts/inter/Inter-UI-MediumItalic.woff2") format("woff2"); }
      @font-face { font-weight: 700; font-style: normal; font-family: Inter-Loom; src:
      url("https://cdn.loom.com/assets/fonts/inter/Inter-UI-Bold.woff2") format("woff2"); }
      @font-face { font-weight: 700; font-style: italic; font-family: Inter-Loom; src:
      url("https://cdn.loom.com/assets/fonts/inter/Inter-UI-BoldItalic.woff2") format("woff2"); }
      @font-face { font-weight: 900; font-style: normal; font-family: Inter-Loom; src:
      url("https://cdn.loom.com/assets/fonts/inter/Inter-UI-Black.woff2") format("woff2"); }
      @font-face { font-weight: 900; font-style: italic; font-family: Inter-Loom; src:
      url("https://cdn.loom.com/assets/fonts/inter/Inter-UI-BlackItalic.woff2") format("woff2"); }
    </style>
  </defs>
  <path
    d="M692.14 478.32L512 152.39 331.86 478.32 93.21 326 199.9 742.83a15 15 0 0 0 14.53 11.28h595.14a15 15 0 0 0 14.53-11.28L930.79 326zM217.79 815.39h588.43q15 0 15 15v57.29q0 15-15 15H217.79q-15 0-15-15v-57.29q0-15 15-15z"
    fill="#FE6A00"
    p-id="741">
  </path>
  <path
    d="M31 326.04a62.21 62.21 0 1 0 124.42 0 62.21 62.21 0 1 0-124.42 0z m837.58 0a62.21 62.21 0 1 0 124.42 0 62.21 62.21 0 1 0-124.42 0zM447.93 152.39a64.07 64.07 0 1 0 128.14 0 64.07 64.07 0 1 0-128.14 0z"
    fill="#FE6A00"
    p-id="742">
  </path>
</svg>

如上面一个svg图片,默认颜色是 #FE6A00,请问怎么修改可以让他背景颜色一闪一闪的效果?
谢谢了


与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
Welcome To Ask or Share your Answers For Others

1 Answer

0 votes
by (71.8m points)
等待大神解答

与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
Welcome to Vigges Developer Community for programmer and developer-Open, Learning and Share
...