欢迎来到DIVCSS5查找CSS资料与学习DIV CSS布局技术!

 

<!DOCTYPE html>

<html >

<head>

  <meta charset="UTF-8">

  <title>CSS3实现光感圆圈动画</title>

<meta name="keywords" content=" CSS3实现光感圆圈动画" />

<meta name="description" content=" CSS3实现光感圆圈动画" />

 

 

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

 

 

</head>

 

<body>

  <div class="halo ring-1"></div>

<div class="halo ring-2"></div>

<div class="halo ring-3"></div>

<div class="halo ring-4"></div>

<div class="halo ring-5"></div>

<div class="halo ring-6"></div>

<div class="halo ring-7"></div>

<div class="halo ring-8"></div>

 

 

    <script src="js/index.js"></script>

 

</body>

</html>

效果:

 

如需转载,请注明文章出处和来源网址:http://www.divcss5.com/css3-style/c15386.shtml