单个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,
				
				
				
				linear-gradient(90deg , #000 50% , transparent 50%) 24em 26.5em/5.5em 0.25em,
				linear-gradient(90deg , #000 50% , transparent 50%) 24.5em 25em/0.5em 3em,
				linear-gradient(90deg , #000 50% , transparent 50%) 25.5em 20.5em/0.5em 8.35em,
				
				linear-gradient(90deg , #000 50% , transparent 50%) 14em 26.5em/5.5em 0.25em,
				linear-gradient(90deg , #000 50% , transparent 50%) 14.5em 25em/0.5em 3em,
				linear-gradient(90deg , #000 50% , transparent 50%) 15.5em 20.5em/0.5em 8.35em,
				
				radial-gradient(40% 40% at 50% 50% , rgb(205,133,63) 48% , transparent 51%) 12em 19em/7em 7.5em,
				radial-gradient(40% 40% at 50% 50% , rgb(205,133,63) 48% , transparent 51%) 22em 19em/7em 7.5em,
				
				
				radial-gradient(40% 40% at 50% 50% , #000 48% , transparent 51%) 11.75em 19em/7.5em 8em,
				radial-gradient(40% 40% at 50% 50% , #000 48% , transparent 51%) 21.75em 19em/7.5em 8em,
				
				radial-gradient(40% 40% at 50% 50% , #fff 47% , transparent 53%) 16.5em 14.75em/1.5em 1.5em,
				radial-gradient(40% 40% at 50% 50% , #fff 45% , transparent 55%) 24em 14.75em/1.5em 1.5em,
				
				radial-gradient(40% 40% at 50% 50% , #fff 47% , transparent 53%) 14.5em 12.5em/3.5em 3.5em,
				radial-gradient(40% 40% at 50% 50% , #fff 47% , transparent 53%) 22em 12.5em/3.5em 3.5em,
				
				radial-gradient(40% 40% at 50% 50% , #000 48% , transparent 51%) 12em 10em/9.5em 9.5em,
				radial-gradient(40% 40% at 50% 50% , #000 48% , transparent 51%) 19.5em 10em/9.5em 9.5em,
				
				radial-gradient(40% 40% at 50% 50% , rgb(205,133,63) 48% , transparent 51%) 16.75em 15.75em/7.5em 5em,
				radial-gradient(40% 40% at 50% 50% , #000 48% , transparent 51%) 17em 16em/7em 5em,
				
				
				linear-gradient(90deg , #000 50% , transparent 50%) 14.75em 6.75em/0.5em 3em,
				linear-gradient(90deg , #000 50% , transparent 50%) 16.25em 6.5em/0.5em 4em,
				linear-gradient(90deg , #000 50% , transparent 50%) 19.25em 4em/0.5em 5em,
				linear-gradient(90deg , #000 50% , transparent 50%) 23.5em 5.5em/0.5em 4.5em,
				linear-gradient(90deg , #000 50% , transparent 50%) 27em 7.75em/0.45em 3em,
				
				linear-gradient(90deg , rgba(50,205,50, 0.8) 50% , transparent 50%) 15em 6.5em/2.5em 1em,
				linear-gradient(90deg , rgba(50,205,50, 0.8) 50% , transparent 50%) 16.5em 4em/6em 2em,
				linear-grad.........完整代码请登录后点击上方下载按钮下载查看

网友评论0