纯css无div布局实现一个多彩蜗牛效果代码-html代码-BFW代码库

纯css无div布局实现一个多彩蜗牛效果代码

代码语言：html

代码描述：纯css无div布局实现一个多彩蜗牛效果代码

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


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

<head>

  <meta charset="UTF-8">
  

  
  
  
<style>
body{
        
          background: 
              
              radial-gradient(40% 40% at 50% 50%, #8a2be2 47% , transparent 53%) 65em 23.5em/6.5em 4em,
              radial-gradient(40% 40% at 50% 50%, #8a2be2 47% , transparent 53%) 62.65em 25em/3.5em 5em,
              radial-gradient(40% 40% at 50% 50%, #8a2be2 47% , transparent 53%) 61.5em 29em/3em 5em,
              radial-gradient(40% 40% at 50% 50%, #8a2be2 47% , transparent 53%) 70.75em 25.75em/2.5em 4.5em,
              radial-gradient(40% 40% at 50% 50%, #8a2be2 47% , transparent 53%) 71.5em 29em/3em 5em,
              
              radial-gradient(40% 40% at 50% 50%, #ffb6c1 49% , transparent 51%) 65em 26em/8em 12em,
              radial-gradient(40% 40% at 50% 50%, #b22222 49% , transparent 51%) 64.75em 26em/10em 14em,
              radial-gradient(40% 40% at 50% 50%, #ffb6c1 49% , transparent 51%) 61em 22.85em/15.5em 23em,
              radial-gradient(40% 40% at 50% 50%, #b22222 49% , transparent 51%) 59em 19em/18em 28em,
              
              radial-gradient(40% 40% at 50% 50%, #9cd8ff 49% , transparent 51%) 60.75em 25.25em/3em 1em,
    .........完整代码请登录后点击上方下载按钮下载查看