CSS可视化指针刻度仪表盘

CSS可视化指针刻度仪表盘源码下载

看看谁在用

查看文件结构

文件大小:0.00M

资源分类: 插件-评级和图表

更新时间: 2021-01-30

一款CSS可视化指针刻度仪表盘,demo里的js代码只是为了辅助。
<div class="gauge">
  <div class="ticks">
    <div class="tithe" style="--gauge-tithe-tick:1;"></div>
    <div class="tithe" style="--gauge-tithe-tick:2;"></div>
    <div class="tithe" style="--gauge-tithe-tick:3;"></div>
    <div class="tithe" style="--gauge-tithe-tick:4;"></div>
    <div class="tithe" style="--gauge-tithe-tick:6;"></div>
    <div class="tithe" style="--gauge-tithe-tick:7;"></div>
    <div class="tithe" style="--gauge-tithe-tick:8;"></div>
    <div class="tithe" style="--gauge-tithe-tick:9;"></div>
    <div class="min"></div>
    <div class="mid"></div>
    <div class="max"></div>
  </div>
  <div class="tick-circle"></div>
  <div class="needle">
    <div class="needle-head"></div>
  </div>
  <div class="labels">
    <div class="value-label"></div>
  </div>
</div>

CSS可视化指针刻度仪表盘

正在加载文件目录...

也许你还喜欢

  1. js炫酷仪表盘插件
  2. svg炫酷仪表盘代码
  3. JavaScript汽车仪表盘网页插件
  4. jquery汽车仪表盘插件
  5. Bootstrap充分响应的优质管理仪表板模板
  6. jQuery炫酷仪表盘插件
图片拖拽角度验证插件RVerify.js
  • 标签查找|关于我们|用户协议|格式化工具|bootstrapmb.com 版权所有 苏ICP备17077179号-2