原生JS实现圣旨卷轴展开效果

JavaScript 前端之家
前端之家收集整理的这篇文章主要介绍了原生JS实现圣旨卷轴展开效果，前端之家小编觉得挺不错的，现在分享给大家，也给大家做个参考。

在其他网站看见类似效果，但代码有400多行且看不懂，我用60多行的代码给予实现。

实现原理：（1）利用绝对定位固定好起始位置；（2）利用遮罩将右轴右侧的部分遮住；（3）让右轴和遮罩同时同速度向右运动！

效果图：

代码如下：

<Meta charset="UTF-8"> 诏书