【小计】CSS无限循环 && 数字等宽
-
无限循环滚动
核心代码
如果没有特别规定动画结束后的状态的话,动画在结束后都会直接跳回到动画未执行时候的原始状态。
解决方法:添加animation-fill-mode:forwards
animation: 5s move infinite linear;
@keyframes move {
0% {
transform: translateY(0px);
}
100% {
transform: translateY(-444px);
}
}
-
数字等宽
font-variant-numeric: tabular-nums;
得意时做事,失意时读书

浙公网安备 33010602011771号