纯css3炫酷粒子动画特效

这是一款纯css3炫酷粒子动画特效。该特效使用多个div来制作光点粒子效果，并使用CSS3动画来制作光点粒子的上升动画，效果非常炫酷。

使用方法

在页面中引入style.css文件。

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

HTML

该css3炫酷粒子动画特效的HTML结构如下。

<div class="container"><img class="background" src="img/sky.jpg"/>
  <p class="message">all your dreams can come true<br>if you have the courage to pursue them</p>
  <div class="circle-container">
    <div class="circle"></div>
  </div>
  <div class="circle-container">
    <div class="circle"></div>
  </div>
  <div class="circle-container">
    <div class="circle"></div>
  </div>
  <div class="circle-container">
    <div class="circle"></div>
  </div>
  <div class="circle-container">
    <div class="circle"></div>
  </div>
  ......
</div>
                

该css3炫酷粒子动画特效的codepen地址为：https://codepen.io/tonkotsuboy/pen/zJbKNN