📄️ 自适应椭圆
效果图：
📄️ 平行四边形
skew()函数可以让元素在水平或垂直方向倾斜，元素里面的内容也会发生相应的倾斜。
📄️ 菱形图片
效果图：
📄️ 切角效果
linear-gradient 如果设置了渐变角度 0deg，渐变方向则是从下往上，可以想象为指向 0 点的时针。deg 如果是正数，则顺时针调整渐变角度，负数则是逆时针调整渐变角度。
📄️ 梯形标签页
在三维世界，沿着水平方向（x轴）旋转一个矩形，由于透视的关系，我们最终看到的是一个梯形。
📄️ 简单的饼图
先画一个圆，左右分为两半，左边为颜色1，右边为颜色2。然在这个圆上再画一个相同圆心、相同半径、颜色为2的半圆。