jsmask

本期我们将用css制作一款可以自由定制扩展的vue进度条组件，里面包含vue组件开发与css动画这些知识，面相新来的小伙伴所准备。

本期也作为[充电水滴动画]的一次扩展延伸，我们将带大家一起通过使用scss从零开始完成这个手机充电动画的案例，里面包含了一些css小技巧，希望大家喜欢。

本期将带给大家一个简单的创意加载效果——彩条起伏加载。顾名思义，我们会通过scss来完成，将会制作做7个不同颜色的矩形，按不同的延迟不断的递减然后再反弹，循环往复。

最近沉迷自己的爱豆太过可爱，于是想到了一个给爱豆的点赞效果，实现了出来。本期我们将会讲解一个用svg+css实现的点赞效果。

本期我们将用svg+video，去完成这样一个文字里面播放视频的效果，相信大家在一些产品展示网站比如苹果和腾讯等一下产品发布的时候都会出现类似效果~

不知道之前讲过[用svg写个环形进度条vue组件，本期作为其后的延续，我们将单纯使用css不借助svg看看怎么做一款带有科技感半环的进度条。

本期我们将用scss不借助js来完成一个小球弹跳的加载动画。我们将会用css模拟小球形变和阴影，达成弹跳的加载体验。

不知道各位同学小时候玩的第一个玩的游戏是什么，我反正玩的是马里奥，那真是一个无忧无虑的时光，所以，本期将会仅使用scss来完成一个像素文字加载动画。

本期将会做一个仅仅用几行js代码就可以让video视频通过滑动屏幕播放起来，当然向下滚动是动画前进，向上滚动是动画后退，整个过程是连贯的，这样形成了最就基本的网页一镜到底效果。