在Pinterest上看到一张loading图,如下,忽然想把它用css写出来,于是就写了。。。

可能实现效果不一定完全一模一样,权当是娱乐了。

 

原图:

 

纯CSS实现彩虹loading动画-歪歪喂

 

实现后效果(完整见页尾):

 

纯CSS实现彩虹loading动画-歪歪喂

 

代码实现:

 

1.html部分

 

 

2.CSS部分:

 

 

 

完整demo:

 

>>点击查看<<