CSS简笔画：纯CSS绘制一辆婴儿车

专栏也更新了一小半了，不知道大家都学到了吗？CSS学习其实不难，难的是动手实践，当你看到一个效果是，觉得这个实现起来很难、很难，但是你一旦动手，一步一步分解实现，会发现也没有想象中的那么难。

下面我们动手写一个纯CSS婴儿车，你将学习到下列知识：

你能get到

1、CSS Flex水平垂直居中

2、CSS 变量（前面小节已经讲过）

3、CSS 伪类的灵活使用

4、CSS 相对定位和绝对定位

5、CSS 绘制 半圆形 扇形 三角形

6、CSS transform 变形

看图解构

婴儿车结构很简单，从下至上，车轮、婴儿床、扶手、斗篷，复杂点的就是斗篷，因为斗篷上面有骨针，复杂点，最简单的就是车轮了，我们就从它开始。

婴儿车 html结构

<div