CSS3卡通户外野营车特效代码下载


CSS3卡通户外野营车特效代码下载
CSS3卡通户外野营车特效代码下载以及卡通户外、野营车等js/jquery网页特效代码下载。

1. 引入CSS

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

2. HTML代码

<main>
  <section>
    <article>
      <div class="top-section middle"></div>
      <div class="top-section divider"></div>
      <div class="top-section left"></div>
      <div class="top-section right">
        <ul class="side-grill">
          <li></li>
          <li></li>
          <li></li>
        </ul>
      </div>
      <div class="door-windows">
        <div class="window"></div>
        <div class="window"></div>
        <div class="window"></div>
        <div class="window"></div>
      </div>
      <div class="windows">
        <div class="window"></div>
        <div class="window"></div>
        <div class="window"></div>
      </div>
      <div class="top-roof">
        <div class="suspension-clips">
          <div class="clip">
            <div class="bar"></div>
          </div>
          <div class="clip">
            <div class="bar"></div>
          </div>
        </div>
      </div>
      <div class="surf-board">
        <div class="fin"></div>
      </div>
      <div class="front-frame">
        <div class="frame-solid-bg">
          <ul class="side-grill">
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
          </ul>
        </div>
        <div class="lights">
          <div class="side-light"></div>
          <div class="head-light"></div>
        </div>
        <div class="door">
          <div class="door-frame">
          </div>
          <div class="door-handle"></div>
          <div class="door-hinge"></div>
          <div class="door-hinge"></div>
        </div>
        <div class="shine"></div>
      </div>
      <div class="front-frame-shadow"></div>
      <div class="front-bumper"></div>
      <div class="back-bumper"></div>
      <div class="back-light">
      </div>
      <div class="wheels">
        <div class="wheel">
          <div class="tire">
            <div class="hook-cap">
              <div class="rim"></div>
            </div>
          </div>
        </div>
        <div class="wheel">
          <div class="tire">
            <div class="hook-cap">
              <div class="rim"></div>
            </div>
          </div>
        </div>
      </div>
      <div class="wheel-frames">
        <div class="wheel-frame"></div>
        <div class="wheel-frame back"></div>
      </div>
    </article>
  </section>
</main>
<div style="text-align:center;margin:50px 0; font:normal 14px/24px 'MicroSoft YaHei';">
</div>

相关推荐

发表评论

相关文章