【css实现倒计时】

聚宝盆_

于 2025-01-17 16:57:57 发布

阅读量391

点赞数 2

分类专栏：记录项目中遇到的问题文章标签：小程序前端

本文链接：https://blog.youkuaiyun.com/weixin_47416539/article/details/145210818

版权

记录项目中遇到的问题专栏收录该内容

62 篇文章

订阅专栏

<div></div>
<style> @property --c {
    syntax: "<integer>";
    initial-value: 0;
    inherits: true;
  }
  
  @keyframes timer {
    from { --c: 10 }
    to   { --c: 0 }
  }
  
  :root { animation: timer 5s linear }

  div::after {
    counter-reset: c var(--c);
    content: counter(c, decimal-leading-zero);
  } </style>