CSS3厕纸奔跑动画特效代码下载


CSS3厕纸奔跑动画特效代码下载
CSS3厕纸奔跑动画特效代码下载以及厕纸奔跑动画等js/jquery网页特效代码下载。

1. 引入CSS

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

2. HTML代码

<div id='sidewalk'>
  <div class='lines'></div>
</div>
<div class='wrap'>
  <div class='roll'>
    <div class='body'>
      <div class='face'>
        <div class='eye'></div>
        <div class='mouth'></div>
      </div>
      <div class='paper'></div>
    </div>
    <div class='leg'>
      <div class='inner'>
        <div class='segment'></div>
        <div class='segment'></div>
        <div class='segment'></div>
        <div class='segment'></div>
        <div class='segment'></div>
        <div class='segment'></div>
        <div class='segment'></div>
        <div class='segment'></div>
        <div class='segment'></div>
        <div class='segment'></div>
        <div class='segment'></div>
        <div class='segment'></div>
        <div class='segment'></div>
        <div class='segment'></div>
        <div class='segment'></div>
        <div class='segment'></div>
        <div class='segment'></div>
        <div class='segment'></div>
        <div class='segment'></div>
        <div class='segment'></div>
        <div class='segment'></div>
        <div class='segment'></div>
        <div class='segment'></div>
        <div class='segment'></div>
        <div class='segment'></div>
        <div class='segment'></div>
        <div class='segment'></div>
        <div class='segment'></div>
        <div class='segment'></div>
        <div class='segment'></div>
      </div>
    </div>
    <div class='leg'>
      <div class='inner'>
        <div class='segment'></div>
        <div class='segment'></div>
        <div class='segment'></div>
        <div class='segment'></div>
        <div class='segment'></div>
        <div class='segment'></div>
        <div class='segment'></div>
        <div class='segment'></div>
        <div class='segment'></div>
        <div class='segment'></div>
        <div class='segment'></div>
        <div class='segment'></div>
        <div class='segment'></div>
        <div class='segment'></div>
        <div class='segment'></div>
        <div class='segment'></div>
        <div class='segment'></div>
        <div class='segment'></div>
        <div class='segment'></div>
        <div class='segment'></div>
        <div class='segment'></div>
        <div class='segment'></div>
        <div class='segment'></div>
        <div class='segment'></div>
        <div class='segment'></div>
        <div class='segment'></div>
        <div class='segment'></div>
        <div class='segment'></div>
        <div class='segment'></div>
        <div class='segment'></div>
      </div>
    </div>
  </div>
</div>
<div class='wrap'>
  <div class='roll'>
    <div class='body'>
      <div class='face'>
        <div class='eye'></div>
        <div class='mouth'></div>
      </div>
      <div class='paper'></div>
    </div>
    <div class='leg'>
      <div class='inner'>
        <div class='segment'></div>
        <div class='segment'></div>
        <div class='segment'></div>
        <div class='segment'></div>
        <div class='segment'></div>
        <div class='segment'></div>
        <div class='segment'></div>
        <div class='segment'></div>
        <div class='segment'></div>
        <div class='segment'></div>
        <div class='segment'></div>
        <div class='segment'></div>
        <div class='segment'></div>
        <div class='segment'></div>
        <div class='segment'></div>
        <div class='segment'></div>
        <div class='segment'></div>
        <div class='segment'></div>
        <div class='segment'></div>
        <div class='segment'></div>
        <div class='segment'></div>
        <div class='segment'></div>
        <div class='segment'></div>
        <div class='segment'></div>
        <div class='segment'></div>
        <div class='segment'></div>
        <div class='segment'></div>
        <div class='segment'></div>
        <div class='segment'></div>
        <div class='segment'></div>
      </div>
    </div>
    <div class='leg'>
      <div class='inner'>
        <div class='segment'></div>
        <div class='segment'></div>
        <div class='segment'></div>
        <div class='segment'></div>
        <div class='segment'></div>
        <div class='segment'></div>
        <div class='segment'></div>
        <div class='segment'></div>
        <div class='segment'></div>
        <div class='segment'></div>
        <div class='segment'></div>
        <div class='segment'></div>
        <div class='segment'></div>
        <div class='segment'></div>
        <div class='segment'></div>
        <div class='segment'></div>
        <div class='segment'></div>
        <div class='segment'></div>
        <div class='segment'></div>
        <div class='segment'></div>
        <div class='segment'></div>
        <div class='segment'></div>
        <div class='segment'></div>
        <div class='segment'></div>
        <div class='segment'></div>
        <div class='segment'></div>
        <div class='segment'></div>
        <div class='segment'></div>
        <div class='segment'></div>
        <div class='segment'></div>
      </div>
    </div>
  </div>
</div>

相关推荐

发表评论

相关文章