王狗蛋

啰嗦一句，代码中只设置了长度的变化，为什么这个动画看起来还会有一个上下弹动的效果。而且改变元素高度时，元素看起来应该是顶部向下伸长，而不是动画中那样好像底部固定，向上长高再变回来。 原因在于inline-block的对齐方式，三个元素默认按基线对齐。当第0s第一个动画开始变高以…

首先要给3D的元素准备一个“舞台”，因为页面本身是平面的，并不能展示出3D的效果。 通过设置透视距离，就相当于把这个区域变成了一个能表现出近大远小的“3D舞台”，在其内部就可以去做3D效果了。 舞台搭好，演员上场，在container中加入一个盒子用来做正方体。设置宽高并定位到…

将文字阴影的水平和垂直偏移都设为0，只添加1px的阴影模糊距离，同时颜色设置为带透明的阴影，从而模拟出一种油墨浸到纸张上时淡淡晕开来的印刷感（这个效果从截图中看非常不明显，在手机上有不错的效果）。