原文地址：http://www.javanx.cn/20191224/css0/

前言

下面看看示例图：

图例解析

看了上图，我们先分解一下图形，一步一步实现

1、整个头像用一个圆形包裹
2、头像分为上下两部分，头和身体
3、头有分为帽子，脸部，胡子，耳朵；身体上还有扣子
4、脸上有眼睛，鼻子，嘴巴

ok，分解细致后，我们就把大致的结构画出来，动画先忽略。

html结构分解

身体部分

<div class="window

转载自原文链接, 如需删除请联系管理员。

原文链接：纯CSS绘制圣诞老人头像，转载请注明来源！