案例篇13—css3实现可爱的熊猫和竹子（附源码）

前言

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

---

逼真的甜甜圈饼干效果演示

        

1.Html构建

代码如下（示例）：这里使用的是简单的div来实现甜甜圈饼干布局。

<link rel='stylesheet prefetch' href='https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css'>
<div class="background">
    <div class="plant-1">
        <div class="bowl">
            <div class="cable">
                <div class=