五分钟用CSS制作一只可爱的大熊猫

代码解释：1.制作帽子使用aborder做成三角形，用伪类做成帽子上的小球。hat{position:absolute;border-bottom:150px纯红色；左边框：75px实心透明；border-right:75pxsolidtransparent;左：75px；z-指数：2；}.hat::before{内容：“”；位置：绝对；宽度：30px；高度：30px；边界半径：50%；背景色：#fff；左：-15px；顶部：-8px；}二、做熊猫脸haha??ha.face{position:absolute;宽度：300px；高度：250px；背景色：#fff；边界半径：50%；顶部：133px；}3.使用径向渐变制作眼睛。因为两只眼睛对称旋转，所以用变量控制旋转，加上阴影使眼睛更逼真。eyes{position:absolute;宽度：100px；高度：80px；边界半径：50%；变换：旋转（计算（-60deg*var（--n）））；}.eyesLeft{左：10px；顶部：100px；--n:1;背景：径向渐变（圆形53%72%，#fff1px，透明1px），径向渐变（圆形50%80%，#fff3px，透明3px），径向渐变（圆形50%75%,#0008px,transparent8px),radial-gradient(circleat50%70%,white15px,transparent15px),#000;盒子阴影：-3px3px03pxrgba(0,0,0,.1);}.eyesRight{右：10px；顶部：100px；--n:-1;背景：径向渐变（圆形45%74%，#fff1px，透明1px），径向渐变（圆形50%80%框-阴影：3px3px03pxrgba（0,0,0,.1）;}四、制作鼻子鼻子只是一个椭圆+shadow.nose{position:absolute;width:50px;height:20px;background-color:#666;border-radius:50%;left:calc((300px-50px)/2);box-shadow:2px2px02pxrgba(0,0,0,.1);bottom:60px;嘴巴底色由透明圆角矩形+黑色边框组成，上边框被移除。mouth{position:absolute;width:100px;height:20px;background-color:transparent;border-bottom:10pxsolid#000;边界半径：77%77%77%/60%60%90%90%；底部：20px；左：计算（（300px-100px）/2）；height.ear{位置：绝对；宽度：100px；高度：80px；背景色：#000；边界半径：50%；顶部：141px；变换：旋转（计算（40deg*var（--e）））；}.earL{--e:1;左：0；}.earR{--e:-1;右：0；}