augmented-ui示例代码
代码语言:html
所属分类:布局界面
代码描述:augmented-ui示例代码
下面为部分代码预览,完整代码请点击下载或在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