[CSS 日历翻页特效] 实现思路

前言（一些废话）

看到很多网站都有翻页特效记录自己的API有多少人在使用，感觉十分炫酷，就想自己实现一下。在网上找了很久，都是一些jQuery啊，或者什么什么js，实现思路都没有讲解，直接贴上代码的。老子不想看你们的代码，我只想知道怎么实现啊喂 (╯‵□′)╯︵┻━┻。不过为了实现这个特效，还是看了网上的很多做法后，总结出了实现思路，自认为是最简单的实现方法了。主角是CSS的 Transform

效果展示

实现思路

主要通过CCS的transform实现，配合perspective rotateX 使得翻页效果出现。但是肯定不是这么简单就可以的，因为数字是从中间分开，在翻到90°时，翻下去的div要显示下一个数字的下半部分，这里卡了我很久，且听我慢慢道来。

1. 两个DIV 分别显示一个数字的上半部分和下半部分

 

通过line-height 就可以实现了（或者padding），注意要设置