几种Loading效果的实现

文章来自：源码在线https://www.shengli.me/css/81.html

一、效果1如下图示：

 

 

那到底这么做呢？具体看下代码实现吧。。

 

html代码：

 

css代码：

 

二、效果2如下所示：

 

 

html代码：

 

css代码：

 

三、如图所示滚动效果（因为图片无法显示完整效果）：

 

 

 

html代码：

 

css代码：

 

五、如图所示:

 

 

html代码：

 

css代码：