js+css实现大小尺寸关联转动动画代码-html代码-BFW代码库

js+css实现大小尺寸关联转动动画代码

代码语言：html

所属分类：动画

代码描述：js+css实现大小尺寸关联转动动画代码

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

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@400;500;600&display=swap" rel="stylesheet">
<style>
    :root{
    --sheet:    #15222e;
    --line:     #a8c2d2;
    --line-dim: #4b657a;
    --mark:     #eb2893;
    --font: "Helvetica Neue", Arial, sans-serif;
  }

  *{ box-sizing:border-box; margin:0; }

  body{
    min-height:100svh;
    background:#1b1b1b;
    color:var(--line);
    font-family:var(--font);
    display:flex;
    align-items:center;
    justify-content:center;
    padding:28px 22px;
  }

  .plate{ width:100%; max-width:680px; }

  /* ---- drawing-sheet lettering ---- */

  .head{ display:flex; align-items:baseline; gap:14px; }

  .num{
    font-size:11px; font-weight:600; letter-spacing:.22em;
    color:va.........完整代码请登录后点击上方下载按钮下载查看