CSS 的快乐：画一个可爱的三只小鸟 Button

做为前端工程师，最大的快乐之一就是可以用 CSS 画出各种有趣的效果。

比如我最近画的一个 Button：

画的过程中确实很开心，这也是我当时选择做前端的很大一部分原因。

今天我们就一起来画下这个可爱的 Button 吧！纯 CSS，没用到图片和 JS 呦～

首先我们需要一些前置知识：

border-radius

border-radius 大家用的比较多了。

比如一个这样的 div：

#box {
    width: 100px;
    height: 100px;
    background: #f4cf47;
    border: solid 3px #000;
}
复制代码

可以分别设置四个圆角的半径：

#box {
    border-radius: 20px