用css3动画实现地图热力区点标记——开箱即用

之前想的是用position定位嵌套几个div来实现缩放闪烁的效果，实现出来后发现html嵌套结构过于复杂，在标记点数量多了之后页面结构太过复杂，所以拍脑袋想了一下决定用伪元素来实现外层的闪烁效果，结合css3动画的两个属性来实现：scale()、rotate()。

      <div class="box">
          <div class="earth">
              <div class="abs abs1"></div>
              <div class="abs abs2"></div>
              <div class="abs abs3"></div>
              <div class="abs abs4"></div>
          </div>
      </div>

	  .box {
   
         width: 800px;
         height: 320px;
         text-align: center;
         padding: 10px 0px;
         border: 1px solid #f1f1f1;
         margin: 0px auto;
         overflow: hi