用 CSS 给玩偶搭一座房子

周末干了件没用的事：不写布局、不调接口，纯用 CSS 给桌上的玩偶搭了一座房子。一扇窗、一道帘、一盆永远养不死的绿植，全是一个 div 一个 div 画出来的。

材料只有三种

border-radius 负责捏圆角——屋顶的弧度、花盆的肚子、猫的耳朵；box-shadow 负责打光——一层是投影，两层是体积，三层就是黄昏；linear-gradient 负责一切纹理，木地板是 repeating-linear-gradient 拉出来的。

约束不是限制，是风格的发源地。只有一种材料的时候，你会把它用出花来。

房子是纸做的又怎样

有人问我这东西有什么用。没什么用。它不能被点击，不能卖出去，load 快不快也没人在乎。但写它的三个小时里，我找回了刚学前端时的那种感觉——浏览器是一块画布，而我只是在玩。

代码不一定要解决问题。偶尔，它也可以只是搭一座纸房子，请你的玩偶进去坐坐。