CSS计数器

下载代码

html

css

分享到微信朋友圈

html

<div class="columns">
        <div class="column">
          <h1 class="title has-text-weight-bold">
            CSS 计数器
          </h1>
          <h2 class="subtitle">
           应用于代码中的行号
          </h2>
        </div>
        <div class="column">
          <div class="box has-background-dark is-family-code has-text-light">
            <ul class="code">
              <li>a = "CSS counters"</li>
              <li>b = " are cool!"</li>
              <li>puts a + b</li>
            </ul>
          </div>
        </div>
        <div class="column">
          <div class="box has-background-dark is-family-code has-text-light">
            <ul class="code" style="--startline: 420">
              <li>x = "CSS counters"</li>
              <li>y = " are flexible!"</li>
              <li>puts x + y</li>
            </ul>
          </div>
        </div>
      </div>

</div>
</section>

css

JavaScript

粒子时间文字 hover canvas 3d 游戏音乐火焰水波轮播图鼠标跟随动画 css 加载动画导航菜单按钮滑块 tab 弹出层统计图 svg