那个让我熬夜到两点的数字滚动效果，原来是这样实现的！ 缘起：被某度首页种草的计数器 昨晚刷着手机，突然看到某度首页那个酷炫的AI调用次数计数器——数字像滚筒洗衣机一样唰唰滚动，最后稳稳停在目标数值。

蒙版对于UI设计师来说，太熟悉不过了，当然了，可能PS里面用的多一些，AI里面用的少一些，SVG同样支持蒙版，而且借助蒙版，能完成很多神奇的效果。我喜欢称蒙版动画为一种魔术，这是真正的“障眼法”，它只让你看到想要看到的部分。 前面SVG的动画效果里，有两次用过了蒙版，一个是在路径…

前言 整屏滑动是比较常见的场景，用户只需要轻轻滑动一下，即可切换整屏的内容，对用户体验， UI排版来说是很有用的，之前我们实现这个功能需要借助一些js来实现，现在仅仅只需要两个css即可轻松搞定

1. Flex布局 接下来，我们先提出两个概念：剩余空间和溢出空间，具体是什么意思我们后面慢慢解释。 2. flex-grow 传统的布局是子容器在父容器中从左到右进行布局，应用 flex 进行布局，那么父容器一定设置 display: flex，子容器要“占有”并且“瓜分”父…

纯CSS原创中秋贺卡，无图无JS，要素很多，观赏性也不错，欢迎大家点评提出宝贵建议～提前祝大家生活美满万年长，阖家幸福永平安！

不知不觉在网易已有三年半，占了一半时间都在与移动端打交道，整个阶段都是遇坑填坑的学习过程。移动端开发在前端里像神一样地存在，不是说它多难而是说它坑位实在太多了，怎样填都填不完。Android和iOS各显神通，Android的系统版本和屏幕分辨率多得难以一招兼容，iOS的顽固标准…

当我们给中间的框加了一个固定的高度，但是中间内容超过了框的高度。我们试图滚动中间内容的时候就会出现以下的情况: 这样就能避免产生滚动穿透，但是这种方案存在一个问题，就是当页面超过一屏幕的时候并且页面已经滚动了一部分距离，这时候当我们打开弹窗的时候，页面就滚动到了顶部，关闭弹窗的…

下周就要开始大屏的开发工作了，内容包含大块的数字展示区域，且数字在更新需要滚动效果。借此花点时间封装一下单个数字滚动组件