渐入效果实现

思路 首先咱们来幅图解析下渐入效果的原理： 由图能够看出，整个渐入的效果分为三层，分别为：最外层、内容包裹层和内容层。其中最外层、内容包裹层和内容层三层的宽高是一致的。 开始状态下，最外层和内容包裹层均将超出的部分隐藏，这样其实最开始的时候只能看见最外层左边的50%和内容包裹层左边的50%，内容是彻底看不见的。首先咱们将内容包裹层宽度设置为最外层的50%，内容距离右边为最外层的50%，其次将内容包

>>阅读原文<<