html css画小猪佩琪,【前端切图】用css画一个卡通形象

最近在腾讯云技术社区遇到了一位奇才，用css画出了一个社会人小猪佩奇，不得不服。研究了一下他的文章https://segmentfault.com/a/1190000014909658，感觉甚是有趣，果断收藏。

话不多说，直接贴一张生动到一塌糊涂的图。

图片.png

前端代码如下：html>

div {        position: absolute;        transform-origin: left top;

}.pig_container {    width: 800px;    height: 800px;    top: 0;    left: 50px;

}.pig_head {    width: 300px;    height: 200px;    top: 100px;    left: 100px;    border-radius: 95% 50% 50% 50%/ 87% 80% 68% 50%;    border: 6px solid #ef96c2;    background-color: #ffb3da;    transform: rotate(30deg);    z-index: 100;    box-sizing: border-box;

}.pig_head_white_left_bottom {    width: 200px;    height: 154px;    bottom: -7px;    left: -38px;    background-color: