漂亮的彩虹loading加载特效

一款漂亮的彩虹loading加载特效，多种颜色的三角框颜色渐变并向外扩散，下面的文字“加载中...”也有一个透明度的平滑变化效果，整体样式很特效比较有个性。

分类：css3 > transform 难易：初级

查看演示下载资源下载积分： 20 积分

关注公众号，免费赠送安装视频教程、环境和学习视频，后面会不断更新。

页面的head部分，需引入一个必要的样式文件，代码如下：

<link type="text/css" rel="stylesheet" href="css/style.css">

页面的body部分，多个div容器用来放置不同的三角形，代码如下：

<div class="triangle-wrapper">
	<div class="triangle triangle-1"></div>
	<div class="triangle triangle-2"></div>
	<div class="triangle triangle-3"></div>
	<div class="triangle triangle-4"></div>
	<div class="triangle triangle-5"></div>
	<p class="triangle-loading">加载中...</p>
</div>

页面的底部，需引入一个必要的JS文件，代码如下：

<script type="text/javascript" src="js/index.js"></script>