css实现马赛克背景效果代码

代码语言:html

所属分类:背景

代码描述:css实现马赛克背景效果代码

代码标签: cs 马赛克 背景

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


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

<head>

  <meta charset="UTF-8">
  

  
  
  
<style>
html {
  --s: 200px; /* control the size */
  
  --_g: #dc9d37 25%,#fed450 0 50%,#0000 0;
  --_l1: #fff 0 1px,#0000 0 calc(25% - 1px),#fff 0 25%;
  --_l2: #fff 0 1px,#0000 0 calc(50% - 1px),#fff 0 50%;
  background:
    repeating-linear-gradient( 45deg,var(--_l1)),
    repeating-linear-gradient(-45deg,var(--_l1)),
    repeating-linear-gradient.........完整代码请登录后点击上方下载按钮下载查看

网友评论0