div+css实现立体氛围灯渐变光效效果代码

代码语言:html

所属分类:布局界面

代码描述:div+css实现立体氛围灯渐变光效效果代码

代码标签: 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