CSS如何繪制一只萌萌噠的大熊貓？

1、css如何繪制一只萌萌噠的大熊貓？代碼在這兒：https:/codepen.io/woshilyy/p.html代碼：代碼詳解：一、制作帽子用法邊框制作三角形，用偽類制作帽子上面的小球.hatposition:absolute;border-bottom:150pxsolidred;border-left:75pxsolidtransparent;border-right:75pxsolidtransparent;left:75px;z-index:2;.hat:beforecontent:""position:absolute;width:30px;height:30px

2、;border-radius:50%;background-color:fff;left:-15px;top:-8px;二、制作熊貓臉哈哈哈.faceposition:absolute;width:300px;height:250px;background-color:fff;border-radius:50%;top:133px;三、制作眼睛用法徑向漸變制作，由于兩只眼睛旋轉(zhuǎn)的對(duì)稱的，所以用法了變量控制旋轉(zhuǎn)，加了陰影使眼睛更逼真.eyesposition:absolute;width:100px;height:80px;border-radius:50%;transform:rotate(c

3、alc(-60deg*var(-n);.eyesleftleft:10px;top:100px;-n:1;background:radial-gradient(circleat53%72%,fff1px,transparent1px),radial-gradient(circleat50%80%,fff3px,transparent3px),radial-gradient(circleat50%75%,0008px,transparent8px),radial-gradient(circleat50%70%,white15px,transparent15px),000;box-shadow:-

4、3px3px03pxrgba(0,0,0,.1);.eyesrightright:10px;top:100px;-n:-1;background:radial-gradient(circleat45%74%,fff1px,transparent1px),radial-gradient(circleat50%80%,fff3px,transparent3px),radial-gradient(circleat50%75%,0008px,transparent8px),radial-gradient(circleat50%70%,white15px,transparent15px),000;box

5、-shadow:3px3px03pxrgba(0,0,0,.1);四、制作鼻子鼻子只是一個(gè)橢圓+陰影.noseposition: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;五、制作嘴巴背景色為透亮的圓角矩形+黑色的邊框制作，去掉上邊框.mouthposition:absolute;width:100px;height:20px;background-color:transparent;border-bottom:10pxsolid000;border-radius:77%77%77%/60%60%90%90%;bottom:20px;left:calc(300px-100px)/2);六：制作耳朵兩個(gè)黑色的橢圓，寬高.earposition:absolute;width:100px;height:80px;background-color:000;border-radius:50%;top:141px;transform:rotate(calc(40deg*va