CSS3七龙珠发光闪烁特效代码下载


CSS3七龙珠发光闪烁特效代码下载
CSS3七龙珠发光闪烁特效代码下载以及七龙珠、发光闪烁等js/jquery网页特效代码下载。

1. 引入CSS

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

2. HTML代码

<input type="checkbox" name="checkbox" id="animate">
<label for='animate'>
  <div class='overlay'></div>
  <div class='button'></div>
  <div class='beam'></div>
  <div class='dragon-balls'>
    <div class='ball one'>
      <div class='glow'></div>
      <div class='stars'>
        <div class='star'></div>
      </div>
      <div class='reflections'>
        <div class='reflection'></div>
        <div class='reflection'></div>
      </div>
    </div>
    <div class='ball two'>
      <div class='glow'></div>
      <div class='stars'>
        <div class='star'></div>
        <div class='star'></div>
      </div>
      <div class='reflections'>
        <div class='reflection'></div>
        <div class='reflection'></div>
      </div>
    </div>
    <div class='ball three'>
      <div class='glow'></div>
      <div class='stars'>
        <div class='star'></div>
        <div class='star'></div>
        <div class='star'></div>
      </div>
      <div class='reflections'>
        <div class='reflection'></div>
        <div class='reflection'></div>
      </div>
    </div>
    <div class='ball four'>
      <div class='glow'></div>
      <div class='stars'>
        <div class='star'></div>
        <div class='star'></div>
        <div class='star'></div>
        <div class='star'></div>
      </div>
      <div class='reflections'>
        <div class='reflection'></div>
        <div class='reflection'></div>
      </div>
    </div>
    <div class='ball five'>
      <div class='glow'></div>
      <div class='stars'>
        <div class='star'></div>
        <div class='star'></div>
        <div class='star'></div>
        <div class='star'></div>
        <div class='star'></div>
      </div>
      <div class='reflections'>
        <div class='reflection'></div>
        <div class='reflection'></div>
      </div>
    </div>
    <div class='ball six'>
      <div class='glow'></div>
      <div class='stars'>
        <div class='star'></div>
        <div class='star'></div>
        <div class='star'></div>
        <div class='star'></div>
        <div class='star'></div>
        <div class='star'></div>
      </div>
      <div class='reflections'>
        <div class='reflection'></div>
        <div class='reflection'></div>
      </div>
    </div>
    <div class='ball seven'>
      <div class='glow'></div>
      <div class='stars'>
        <div class='star'></div>
        <div class='star'></div>
        <div class='star'></div>
        <div class='star'></div>
        <div class='star'></div>
        <div class='star'></div>
        <div class='star'></div>
      </div>
      <div class='reflections'>
        <div class='reflection'></div>
        <div class='reflection'></div>
      </div>
    </div>
  </div>
</label>

相关推荐

发表评论

相关文章