CSS3牛在弹琴飞翔动画特效代码下载


CSS3牛在弹琴飞翔动画特效代码下载
CSS3牛在弹琴飞翔动画特效代码下载以及牛在弹琴、飞翔动画等js/jquery网页特效代码下载。

1. 引入CSS

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

2. HTML代码

<div class="cloud-1">
  <div class="cloud-circle-1"></div>
  <div class="cloud-circle-2"></div>
  <div class="cloud-circle-3"></div>
  <div class="cloud-circle-4"></div>
</div>
<div class="cloud-2">
  <div class="cloud-circle-1"></div>
  <div class="cloud-circle-2"></div>
  <div class="cloud-circle-3"></div>
  <div class="cloud-circle-4"></div>
</div>
<div class="cloud-3">
  <div class="cloud-circle-1"></div>
  <div class="cloud-circle-2"></div>
  <div class="cloud-circle-3"></div>
  <div class="cloud-circle-4"></div>
</div>
<div class="container">
  <div class="cow-body">
    <div class="clip-wrapper">
      <div class="cow-udder"></div>
      <div class="arms right-arm"></div>
      <div class="arms left-arm"></div>
      <div class="spot-1"></div>
      <div class="spot-2"></div>
      <div class="spot-3"></div>
      <div class="spot-4"></div>
      <div class="spot-5"></div>
      <div class="spot-6"></div>
    </div>
    <div class="eyes eye-1"></div>
    <div class="eyes eye-2"></div>
    <div class="smile-1"></div>
    <div class="smile-2"></div>
    <div class="ears left-ear"></div>
    <div class="ears right-ear"></div>
    <div class="horns left-horn"></div>
    <div class="horns right-horn"></div>
    <div class="muzzle">
      <div class="nostril-1"></div>
      <div class="nostril-2"></div>
    </div>
    <div class="feet left-foot"></div>
    <div class="feet right-foot"></div>
    <div class="teats teat-1"></div>
    <div class="teats teat-2"></div>
    <div class="teats teat-3"></div>
    <div class="head"></div>
    <div class="tuners tuner-1"></div>
    <div class="tuners tuner-2"></div>
    <div class="tuners tuner-3"></div>
    <div class="tuners tuner-4"></div>
    <div class="neck"></div>
    <div class="cuatro-body-1"></div>
    <div class="cuatro-body-2"></div>
    <div class="cuatro-body-3"></div>
    <div class="sound-hole"></div>
    <div class="bridge"></div>
    <div class="strings string-1"></div>
    <div class="strings string-2"></div>
    <div class="strings string-3"></div>
    <div class="strings string-4"></div>
    <div class="wing-front-1"></div>
    <div class="wing-front-2"></div>
    <div class="wing-front-3"></div>
    <div class="wing-back-1"></div>
    <div class="wing-back-2"></div>
  </div>
  <div class="note-1">&#9835</div>
  <div class="note-2">&#9833</div>
  <div class="note-3">&#9834</div>
  <div class="note-4">&#9835</div>
</div>

相关推荐

发表评论

相关文章