css竹篮编制的背景条纹效果代码

代码语言:html

所属分类:背景

代码描述:css竹篮编制的背景条纹效果代码

代码标签: css 竹篮 编制 背景 条纹

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

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">



    <style>
        html {
            --u:  8vmin;	
        	--c1: #ffa726;
            --c2: #e59319;
            --c3: #f1a12c;
            --c4: #cf8b26;
            --sh: #0006;
            --sh2: #0002;
            --gp: 50%/ calc(var(--u) * 2) calc(var(--u) * 2);
            height: 100vh;
        	background:    
        		conic-gradient(from -10deg at 60% 0%, #fff0 0 25%, var(--sh2) 28%, #fff0 31% 100%) var(--gp), 
        		conic-gradient(from -5deg at 0% calc(60% - 1px), #fff0 0, var(--sh) 0%, #fff0 4% 100%) var(--gp),    
        		conic-gradient(from 0deg at 60% calc(60% - 1px), #fff0 0 22%, var(--sh2) 25%, #fff0 25%.........完整代码请登录后点击上方下载按钮下载查看

网友评论0