单个div布局绘制小格鲁特效果代码-html代码-BFW代码库

单个div布局绘制小格鲁特效果代码

代码语言：html

代码描述：单个div布局绘制小格鲁特效果代码

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


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

<head>

  <meta charset="UTF-8">
  

  
  
<style>
.babyGroot{
			background:
				
				linear-gradient(90deg , #000 50% , transparent 50%) 22em 24em/0.5em 8.25em,
				linear-gradient(90deg , #000 50% , transparent 50%) 20em 28em/8.5em 0.25em,
				linear-gradient(90deg , #000 50% , transparent 50%) 20em 23em/8.5em 0.25em,
				
				linear-gradient(90deg , #000 50% , transparent 50%) 17.5em 30em/0.5em 2em,
				linear-gradient(90deg , #000 50% , transparent 50%) 19em 30em/0.5em 2em,
				linear-gradient(90deg , #000 50% , transparent 50%) 18em 21.75em/0.5em 8.25em,
				linear-gradient(90deg , #000 50% , transparent 50%) 18em 24em/8.5em 0.25em,
				
				radial-gradient(40% 40% at 50% 50% , rgb(205,133,63) 48% , transparent 51%) 15em 21em/7em 7.5em,
				radial-gradient(40% 40% at 50% 50% , rgb(205,133,63) 48% , transparent 51%) 19em 21em/7em 7.5em,
				
				
				radial-gradient(40% 40% at 50% 50% , #000 48% , transparent 51%) 14.75em 21em/7.5em 8em,
				radial-gradient(40% 40% at 50% 50% , #000 48% , transparent 51%) 18.75em 21em/7.5em 8em,
				
.........完整代码请登录后点击上方下载按钮下载查看