svg+css实现各种蝴蝶图案效果代码-html代码-BFW代码库

svg+css实现各种蝴蝶图案效果代码

代码语言：html

所属分类：其他

代码描述：svg+css实现各种蝴蝶图案效果代码

下面为部分代码预览，完整代码请点击下载或在bfwstudio webide中打开

<!DOCTYPE html>
<html lang="en" >

<head>
  <meta charset="UTF-8">
  

  <style>
body {
  margin: 0;
}

body > svg {
  display: block;
  width: 100vw;
  height: 100vh;
}

.bmc {
  position: fixed;
  bottom: 10px;
  right: 10px;
}
</style>

  
  
</head>

<body translate="no">
  <svg xmlns="http://www.w3.org/2000/svg">
    <linearGradient id="gradient">
      <stop stop-color="#bbb8"/>
      <stop offset=".5" stop-color="#0008"/>
    </linearGradient>
    <pattern id="pattern" width="200" height="140" patternUnits="userSpaceOnUse">
        <path d="M100 70a17 41 60 1 1 0 1a26 18 30 1 1 0 1a26 18 -30 1 1 0 -1a17 41 -60 1 1 0 -1" fill="url(#gradient)"/>
    </pattern>
    <filter id="filter" color-interpolation-filters="sRGB">
        <feColorMatrix values="0 0 0 0 0
                               0 0 0 0 0
                               0 0 0 0 0
.........完整代码请登录后点击上方下载按钮下载查看