CSS3绘制卡通猫喝水动画特效代码下载


CSS3绘制卡通猫喝水动画特效代码下载
CSS3绘制卡通猫喝水动画特效代码下载以及绘制卡通猫、喝水动画等js/jquery网页特效代码下载。

1. 引入CSS

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

2. HTML代码

<div class="cat">
  <div class="shadow"> </div>
  <div class="key">
    <div class="bow">
      <div class="upper">
        <div class="hole"></div>
      </div>
      <div class="lower">
        <div class="hole"></div>
      </div>
    </div>
    <div class="blade "> </div>
  </div>
  <div class="tail"> </div>
  <div class="body">
  </div>
  <div class="leg left"> </div>
  <div class="paw left"> </div>
  <div class="leg right "> </div>
  <div class="paw right "> </div>
  <div class="leg left forward"> </div>
  <div class="paw left forward"> </div>
  <div class="leg right forward"> </div>
  <div class="paw right forward"> </div>
  <div class="bowl">
    <div class="lower"> </div>
    <div class="rim"> </div>
    <div class="milk"> </div>
  </div>
<div class="tongue"> </div>
  <div class="head">
    <div class="ear left"> </div>
    <div class="ear right"></div>
  </div>
</div>
<div style="text-align:center;margin:50px 0; font:normal 14px/24px 'MicroSoft YaHei';">
</div>

相关推荐

发表评论

相关文章