CSS3制作小萌犬

Posted 代码君肿了么

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了CSS3制作小萌犬相关的知识,希望对你有一定的参考价值。

点击文末‘阅读原文’,预览效果!!!


<!doctype html>

<html>

<head>

<meta charset="utf-8">

<title>dog</title>


</head>


<body>

<div class="husky">

  <div class="mane">

    <div class="coat"></div>

  </div>

  <div class="body">

    <div class="head">

      <div class="ear"></div>

      <div class="ear"></div>

      <div class="face">

        <div class="eye"></div>

        <div class="eye"></div>

        <div class="nose"></div>

        <div class="mouth">

          <div class="lips"></div>

          <div class="tongue"></div>

        </div>

      </div>

    </div>

    <div class="torso"></div>

  </div>

  <div class="legs">

    <div class="front-legs">

      <div class="leg"></div>

      <div class="leg"></div>

    </div>

    <div class="hind-leg">

    </div>

  </div>

  <div class="tail">

    <div class="tail">

      <div class="tail">

        <div class="tail">

          <div class="tail">

            <div class="tail">

              <div class="tail"></div>

            </div>

          </div>

        </div>

      </div>

    </div>

  </div>

</div>


</body>

</html>



由于字数限制,部分代码未上传,有需要者请留言!!!

以上是关于CSS3制作小萌犬的主要内容,如果未能解决你的问题,请参考以下文章

CSS笔记css3制作立体导航

css3制作柠小C

如何使用 CSS3 动画制作类似原子的动画?

CSS3制作漂亮的照片墙

CSS3制作各种形状图像

CSS3制作各种形状图像