css+div实现古奇风格旭日钟代码-html代码-BFW代码库

css+div实现古奇风格旭日钟代码

代码语言：html

代码描述：css+div实现古奇风格旭日钟代码

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

<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
<style>
    @layer reset, tokens, base, layout, components, utilities, overrides;

@layer reset {
  *,
  *::before,
  *::after {
    box-sizing: border-box;
  }

  body {
    margin: 0;
  }
}

@layer tokens {
  :root {
    color-scheme: dark;
    --color-wall: oklch(25% 0.045 205);
    --color-wall-stripe: oklch(28% 0.05 205);
    --color-shadow: oklch(15% 0.03 210);
    --color-walnut: oklch(42% 0.07 50);
    --color-walnut-light: oklch(55% 0.09 55);
    --color-brass: oklch(80% 0.13 85);
    --color-brass-light: oklch(93% 0.09 95);
    --color-cream: oklch(96% 0.03 90);
    --color-teal: oklch(50% 0.085 205);
    --color-ink: oklch(25% 0.0.........完整代码请登录后点击上方下载按钮下载查看