纯CSS的小花朵loading加载特效

一款纯CSS的小花朵loading加载特效，花瓣围绕花蕊不断增加形成完整的花朵，无限循环整个加载过程，每种花朵的形状都不同且可以自由设置。

分类：css3 > transform 难易：初级

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

页面的head部分，需引入页面元素的样式文件，代码如下：

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

页面的body部分，需分别设置好每个加载动画的容器，代码如下：

<div class="holder">
  <div class="preloader flower1"><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div></div>
  <div class="preloader flower2"><div></div><div></div><div></div><div></div><div></div></div>
  <div class="preloader flower3"><div></div><div></div><div></div><div></div><div></div><div></div><div></div></div>
  <div class="preloader flower4"><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div></div>
</div>