div+css实现立体氛围灯渐变光效效果代码
代码语言:html
所属分类:布局界面
代码描述:div+css实现立体氛围灯渐变光效效果代码
下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开
<!DOCTYPE html> <html lang="en" > <head> <meta charset="UTF-8"> <style> @layer base, demo; @layer demo { html { --light: skyblue; --bright: deepskyblue; --highlight: blue; --base: midnightblue; --blackout: black; /* Play around by changing this --base colour! (in supporting browsers) */ background: conic-gradient(#232323 0 0) no-repeat 0 50%/30% 12px, conic-gradient(#232323 0 0) no-repeat 100% 50%/30% 12px, radial-gradient(100vw 33vh at 50% -25%, var(--light), var(--bright), transparent 67%) no-repeat 50% 0/100% 50%, conic-gradient(from -90deg at 58.875% 0%, var(--base) 50%, var(--blackout)) no-repeat 0% 100%/50% 50%, conic-gradient(from 270de.........完整代码请登录后点击上方下载按钮下载查看
网友评论0