css实现马赛克背景效果代码
代码语言:html
所属分类:背景
代码描述:css实现马赛克背景效果代码
下面为部分代码预览,完整代码请点击下载或在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