css滑轮填充数字

CSS的滑轮填充数字功能可以实现鼠标滑轮滚动时数字的填充效果。下面是一个简单的展示例子：

代码示例：
.rolling-number {
display: inline-block;
overflow: hidden;
white-space: nowrap;
}
.rolling-number span {
display: inline-block;
vertical-align: top;
animation: roll 1s ease-in-out infinite;
}
@keyframes roll {
0% {
transform: translateY(0);
}
100% {
transform: translateY(-100%);
}
}
 0  1  2  3  4  5  6  7  8  9

      
查看更多关于css滑轮填充数字的详细内容...
        

          
声明：本文来自网络，不代表【好得很程序员自学网】立场，转载请注明出处：http://haodehen.cn/did221999