纯css实现3D 烟囱镶嵌图案代码
代码语言:html
所属分类:背景
代码描述:纯css实现3D 烟囱镶嵌图案代码
下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开
<!DOCTYPE html> <html lang="en" > <head> <meta charset="UTF-8"> <style> html { height: 100vh; --u: 10px; --c1: #fbf9fe; --c2: #02b6e7; --c3: #00699b; --gp: 50%/ calc(var(--u) * 16.9) calc(var(--u) * 12.8); background: conic-gradient(from 122deg at 50% 85.15%, var(--c2) 0 58deg, var(--c3) 0 116deg, #fff0 0 100%) var(--gp), conic-gradient(from 122deg at 50% 72.5%, var(--c1) 0 116deg, #fff0 0 100%) var(--gp), conic-gradient(from 58deg at 82.85% 50%, var(--c3) 0 64deg, #fff0 0 100%) var(--gp), conic-gradient(from 58deg at 66.87% 50%, var(--c1) 0 64deg, var(--c2) 0 130deg, #fff0 0 100%) var(--gp), conic-gradient.........完整代码请登录后点击上方下载按钮下载查看
网友评论0