如何优化动画svg-bg

时间:2019-04-23 14:09:50

标签: html css html5 css3 svg

我有html结构:

<body>
  <main>
    <header>...</header>
    <section class="info">...</section>
    <section>...</section>
    <section>...</section>
    <section class="info">...</section>
    ...
    <footer>...</footer>
  </main>
</body>

我也有样式(bg-image:第一个网址是bg的图层,第二个是动画svg):

...
main {
  min-height: 100%;
  background-image: url('... .png'), url('... .svg');
  background-size: auto, cover;
  background-attachment: fixed;  
}
section {
  background: #ffffff;
}
.info {
  background: none;
}
...

它可以工作,但是计算机开始加载RAM,从而导致预热和滞后。 我该如何优化此svg才能正常工作?

0 个答案:

没有答案