一是无论内容的多少，我们都希望使按钮，固定于可视窗口的底部，且内容区是可滚动的。 二是当内容区的内容较少时，页脚区不是随着内容区排布，而是始终显示在屏幕的最下方；当内容区的内容较多时，页脚能随着内容区的增高而撑开，始终显示在页面的最底部。 谈到“吸底”效果的实现，大家可能较多了…

先来看一下这个Demo，看似复杂的交互实现起来其实并不难，下面我们就来拆解一下其中的动画效果以及实现原理吧。 1. 3D旋转 Win10 Metro的一个比较显著的特点就是磁贴的3D旋转。 我们将每一个磁贴展示为横截面为正方形的长方体，然后通过css旋转动画来实现3D旋转。 在…

模块化 CSS 是一组编写代码的原则，基于这个原则编写的代码具有高性能和可维护性。它起源于雅虎和 Yandex 的开发人员，目的是迎接维护大型代码库带来的挑战。有些规则在提出之初稍有争议，但后来被认为是最佳实践。 （偷偷告诉你：如果你对这篇文章的篇幅感到不知所措，观看视频可能更…