CSS3立体3D杯子旋转特效代码下载


CSS3立体3D杯子旋转特效代码下载
CSS3立体3D杯子旋转特效代码下载以及立体3D、杯子旋转等js/jquery网页特效代码下载。

1. 引入CSS

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

2. 引入JS

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

3. HTML代码

<div class="wrapperDiv">
  <div class="shadowDiv"><div></div></div>
  <div class="innerWrapper">
    <div class="divBtn" onClick="clickFunc(event);"></div>
    <div class="coffee"><div class="coffeeFoam"></div></div>
    <div class="cupDiv">
      <div class="fillCup"></div>
    </div>
    <div class="handleDiv"></div>
    <div class="handleDiv"></div>
    <div class="handleDiv"></div>
    <div class="handleDiv"></div>
    <div class="handleDiv"></div>
    <div class="handleDiv"></div>
    <div class="handleDiv"></div>
    <div class="handleDiv"></div>
    <div class="handleDiv"></div>
    <div class="handleDiv"></div>
    <div class="handleDiv"></div>
    <div class="handleDiv"></div>
    <div class="handleDiv"></div>
    <div class="handleDiv"></div>
    <div class="handleDiv"></div>
    <div class="handleDiv"></div>
    <div class="handleDiv"></div>
    <div class="handleDiv"></div>
  </div>
</div>
<div class="wrapperDiv">
  <div class="shadowDiv"><div></div></div>
  <div class="innerWrapper">
    <div class="divBtn" onClick="clickFunc(event);"></div>
    <div class="coffee"><div class="coffeeFoam"></div></div>
    <div class="cupDiv">
      <div class="fillCup"></div>
    </div>
    <div class="handleDiv"></div>
    <div class="handleDiv"></div>
    <div class="handleDiv"></div>
    <div class="handleDiv"></div>
    <div class="handleDiv"></div>
    <div class="handleDiv"></div>
    <div class="handleDiv"></div>
    <div class="handleDiv"></div>
    <div class="handleDiv"></div>
    <div class="handleDiv"></div>
    <div class="handleDiv"></div>
    <div class="handleDiv"></div>
    <div class="handleDiv"></div>
    <div class="handleDiv"></div>
    <div class="handleDiv"></div>
    <div class="handleDiv"></div>
    <div class="handleDiv"></div>
    <div class="handleDiv"></div>
  </div>
</div>
<div class="wrapperDiv">
  <div class="shadowDiv"><div></div></div>
  <div class="innerWrapper">
    <div class="divBtn" onClick="clickFunc(event);"></div>
    <div class="coffee"><div class="coffeeFoam"></div></div>
    <div class="cupDiv">
      <div class="fillCup"></div>
    </div>
    <div class="handleDiv"></div>
    <div class="handleDiv"></div>
    <div class="handleDiv"></div>
    <div class="handleDiv"></div>
    <div class="handleDiv"></div>
    <div class="handleDiv"></div>
    <div class="handleDiv"></div>
    <div class="handleDiv"></div>
    <div class="handleDiv"></div>
    <div class="handleDiv"></div>
    <div class="handleDiv"></div>
    <div class="handleDiv"></div>
    <div class="handleDiv"></div>
    <div class="handleDiv"></div>
    <div class="handleDiv"></div>
    <div class="handleDiv"></div>
    <div class="handleDiv"></div>
    <div class="handleDiv"></div>
  </div>
</div>
<div style="text-align:center;margin:50px 0; font:normal 14px/24px 'MicroSoft YaHei';">
</div>

相关推荐

发表评论

相关文章