文章标签

动画数字计数器

数字动画，例如，想象一个数字从 1 变成 2，然后 2 变成 3，然后 3 变成 4，依此类推，在指定的时间内。就像一个计数器，只是由我们用于……的相同类型的动画控制。

Carter Li 于 2020 年 10 月 9 日

假设您有五个按钮。每个按钮都是一个步骤。如果您点击第四个按钮，您就在 5 个步骤中的第 4 步，并且您想显示它。

这种计数和显示可以硬编码，但这……

Jan Enning 于 2020 年 7 月 17 日

我需要一个博客文章的编号列表，按照最后一个/最高的顺序排列，然后从那里向下排列。像这样

5. Post Title
4. Post Title
3. Post Title
2. Post Title
1. Post Title

但是上面的……

Etinosa Obaseki 于 2020 年 6 月 11 日

一个经典的 CSS 技巧！获取列表的自定义样式现在已经不再那么棘手了，因为 CSS 计数器引入了 counter-increment 和 counter-reset，这非常适合这种情况。我只是想确保您知道如何……

Chris Coyier 于 2022 年 1 月 26 日

在这篇文章中，我们将演示如何使用 CSS 网格的源顺序独立性来解决布局问题，该问题是源顺序约束的结果。具体来说，我们将研究复选框和 CSS 计数器——这两个在组合使用时依赖于源顺序的概念。

Preethi 于 2018 年 2 月 9 日

有序列表不是唯一可以自动编号的元素。由于各种与计数器相关的属性，任何元素都可以。

<body>
  <section></section>
  <section></section>
  <section></section>
  <section></section>
</body>

body {
  counter-reset: my-awesome-counter;
}
section {
  counter-increment: my-awesome-counter;
}
section:before {
  content:

……

Sara Cope 于 2019 年 1 月 31 日