动画阶段 · 小程序向上弹出动画效果

小程序的体验，其实是要和端的体验追齐的，但是发现我目前做的小程序不够好，所以打算逐步提升使用体验，一些场景下要「加入过度效果」，以免太死板。经常听人说，BD小程序的体验相比 WX 的差很多，作为一名 BD 的开发者感到非常愧疚，所以打算提升我所做过的小程序体验。

我给提升体验总结了三把斧，第一把，极致的用户交互体验；第二把：性能问题；第三把：业务，比如不得已的情况下加广告。所以说提升体验是整个团队，甚至是整个公司的事情。

小程序中的动画效果可以通过 CSS 和框架本身提供的 API 来实现，甚至可以使用 JS 来实现，考虑到做前端动画是我目前的弱项，不过由于有以前做动画的经验，学习起来不算吃力。最近打算开一个前端动效专题，系统学一遍前端和小程序中的动画效果。

第一篇热个身，看看如何做一个从底部向上弹出的效果，并加上 mask 层，效果如图：