案例9—css3实现卡通小白兔效果（附源码）

前言

        随着前端技术的不断发展与进步，界面交互的样式要求和美感也越来越高，很多网页的交互都加上了css动画,这里作者给大家分享一个css3实现一个卡通小白兔效果，赶紧学起来吧，跟着本专栏尝试用css3做一些有意思的动画效果，提高兴趣的同时学到一些css技巧。

---

卡通小白兔效果演示

        

    今天给大家分享一个html+css卡通小白兔效果。

1.Html构建

代码如下（示例）：这里使用的是简单的div来实现卡通小白兔布局。

<div class="bunny">
    <div id="oreja1"></div>
    <div id="cuerpo">
        <div id="ojo"></div>
    </div>
   <div id="cola"></div>

</div>

2.CSS编写