augmented-ui示例代码

代码语言:html

所属分类:布局界面

代码描述:augmented-ui示例代码

代码标签: augmented i示例 代码

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

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <link type="text/css" rel="stylesheet" href="//repo.bfw.wiki/bfwrepo/css/augmented-ui.2.0.css">
    <style>
        html {
          font-size: 1rem;
          background-color: #0e141b;
        background-image: linear-gradient(270deg, #111 0%, #0e141b 74%);
          font-family: "Jetbrains Mono", -apple-system, BlinkMacSystemFont, Segoe UI,
            Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji;
        }
        
        .reticle {
          --aug-all-width: 10rem;
          --aug-border-all: 0.15rem;
          color: orange;
          --reticle-color: currentColor;
          --reticle-size: calc(var(--aug-all-width) * 0.25);
          --aug-border-bg: radial-gradient(
              circle at top center,
              var(--reticle-color) var(--reticle-size).........完整代码请登录后点击上方下载按钮下载查看

网友评论0