纯css无div实现祥云纹理背景效果代码

代码语言:html

所属分类:背景

代码描述:纯css无div实现祥云纹理背景效果代码

代码标签: css 祥云 纹理 背景

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


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

<head>

  <meta charset="UTF-8">

  
  
<style>
html {
  --s: 30px; /* control the size */
  --c1: #E5FCC2;
  --c2: #45ADA8;
  
  --_s:37.5% 12.5% at 62.5%;
  --_g:34% 99%,#0000 101%;
  --g1:radial-gradient(var(--_s) 100%,#0000 32%,var(--c1) var(--_g));
  --g2:radial-gradient(var(--_s) 0   ,#0000 32%,var(--c1) var(--_g));
  --g3:radial-gradient(var(--_s) 100%,#0000 32%,var(--c2) var(--_g));
  --g4:radial-gradient(var(--_s) 0   ,#0000 32%,var(--c2) var(--_g));
  background:
.........完整代码请登录后点击上方下载按钮下载查看

网友评论0