单个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