【你小子给船长换一个像素马里奥】教你用box-shadow给自己画个NFT像素头像

1,352 阅读20分钟

持续创作,加速成长!这是我参与「掘金日新计划 · 10 月更文挑战」的第21天,点击查看活动详情

前言

最近某技术社群里突然开始讨论Web3.0了,聊着聊着就说起NFT也属于Web3.0的产物。现在很多名人都在用NFT像素风格的头像。

🧐 突发奇想,用css是不是也可以画一个出来。

😎 说干就干,发现box-shadow 这种画阴影的样式属性就很好用,它可以无限流扩展颜色属性。

带你认识 box-shadow

一般在项目中使用 box-shadow 都是为了给某个模块元素添加一些阴影效果,让它看起来立体一点。

😲 比如这样

box-shadow: 10px 10px 5px #888888;

image.png

😲 还有这样

box-shadow: 2px 2px 3px #aaaaaa;
image.png

😠 用的时候,只是用了其中一部分语法,其实在语法中还有一层被大家遗忘的部分,就是无限流

box-shadow: h-shadow v-shadow blur spread color inset;

boxShadow 属性把一个或多个下拉阴影添加到框上,该属性是一个用逗号分隔阴影的列表

加个逗号看看

😈 给一个div定义宽高之后,不给背景色,只通过 box-shadow 定义颜色即可

div{
    width:1em;
    height:1em;
    box-shadow: 12em 1em #009900, 13em 2em #edc1d2;
}

image.png

👻 如果逗号过多呢,是不是就出现一副马赛克了

box-shadow: 12em 1em #009900, 13em 3em #edc1d2, 13em 4em #edc1d2, 15em 2em #edc1d2, 16em 2em #edc1d2, 14em 3em #edc1d2, 14em 5em #edc1d2;

image.png

画个西瓜吧

🍉 HTML标签 和 其他默认样式 都和上面的一样,只需要改改 box-shadow 即可

box-shadow: 12em 1em #009900, 13em 2em #009900, 14em 3em #009900, 14em 4em #009900, 14em 5em #009900, 14em 6em #009900, 14em 7em #009900, 14em 8em #009900, 13em 9em #009900, 13em 10em #009900, 12em 10em #009900, 12em 11em #009900, 11em 11em #009900, 11em 12em #009900, 10em 12em #009900, 9em 13em #009900, 8em 13em #009900, 7em 13em #009900, 6em 13em #009900, 5em 13em #009900, 4em 13em #009900, 3em 12em #009900, 2em 11em #009900, 11em 1em #95b90b, 12em 2em #95b90b, 13em 3em #95b90b, 13em 4em #95b90b, 13em 5em #95b90b, 13em 6em #95b90b, 13em 7em #95b90b, 13em 8em #95b90b, 12em 9em #95b90b, 11em 10em #95b90b, 10em 11em #95b90b, 9em 12em #95b90b, 8em 12em #95b90b, 7em 12em #95b90b, 6em 12em #95b90b, 5em 12em #95b90b, 4em 12em #95b90b, 3em 11em #95b90b, 2em 10em #95b90b, 11em 2em #edc1d2, 11em 3em #edc1d2, 12em 3em #edc1d2, 12em 4em #edc1d2, 12em 5em #edc1d2, 12em 6em #edc1d2, 12em 7em #edc1d2, 12em 8em #edc1d2, 11em 8em #edc1d2, 11em 9em #edc1d2, 10em 10em #edc1d2, 9em 10em #edc1d2, 9em 11em #edc1d2, 8em 11em #edc1d2, 7em 11em #edc1d2, 6em 11em #edc1d2, 5em 11em #edc1d2, 4em 11em #edc1d2, 4em 10em #edc1d2, 3em 10em #edc1d2, 11em 4em #ff0000, 11em 5em #ff0000, 11em 6em #ff0000, 11em 7em #ff0000, 10em 2em #ff0000, 10em 3em #ff0000, 10em 4em #000, 10em 5em #ff0000, 10em 6em #ff0000, 10em 7em #ff0000, 10em 8em #ff0000, 10em 9em #ff0000, 9em 3em #ff0000, 9em 4em #ff0000, 9em 5em #ff0000, 9em 6em #000, 9em 7em #ff0000, 9em 8em #ff0000, 9em 9em #ff0000, 8em 4em #ff0000, 8em 5em #ff0000, 8em 6em #ff0000, 8em 7em #ff0000, 8em 8em #ff0000, 8em 9em #ff0000, 8em 10em #ff0000, 7em 5em #ff0000, 7em 6em #ff0000, 7em 7em #ff0000, 7em 8em #000, 7em 9em #ff0000, 7em 10em #ff0000, 6em 6em #ff0000, 6em 7em #ff0000, 6em 8em #ff0000, 6em 9em #ff0000, 6em 10em #ff0000, 5em 7em #ff0000, 5em 8em #ff0000, 5em 9em #000, 5em 10em #ff0000, 4em 8em #ff0000, 4em 9em #ff0000, 3em 9em #ff0000;

image.png

再来个单身狗

🐶 这里会用到box-shadow中负数的属性值,所以会和西瓜画出来有些许不一样哦

position: absolute;
height: 1rem;
width: 1rem;
left: 50%;
top: 30%;
background-color: #3c303d;
box-shadow:-4rem -5rem #000, -3rem -5rem #000, -2rem -5rem #000,-1rem -5rem #000, 0 -5rem #000, 1rem -5rem #000, 2rem -5rem #000,3rem -5rem #000, 4rem -6rem #000, 5rem -7rem #000, 6rem -8rem #000, 7rem -8rem #000, 8rem -7rem #000, 8rem -6rem #000, 9rem -5rem #000,9rem -4rem #000, 9rem -3rem #000, 10rem -2rem #000, 10rem -1rem #000, 10rem 0 #000, 10rem 1rem #000, 10rem 2rem #000, 10rem 3rem #000, 10rem 4rem #000, 10rem 5rem #000, 10rem 6rem #000, 10rem 7rem #000, 10rem 8rem #000, 10rem 9rem #000, 10rem 10rem #000, 10rem 11rem #000, 9rem 12rem #000, 9rem 13rem #000, 8rem 14rem #000, 7rem 15rem #000, 6rem 16rem #000, 5rem 17rem #000, 4rem 17rem #000, 3rem 18rem #000, 2rem 18rem #000, 1rem 18rem #000, 0 18rem #000, -1rem 18rem #000, -2rem 18rem #000, -3rem 18rem #000, -3rem 19rem #000, -4rem 20rem #000, -5rem 21rem #000, -6rem 21rem #000, -7rem 20rem #000, -8rem 19rem #000, -8rem 18rem #000, -8rem 17rem #000, -9rem 16rem #000, -10rem 15rem #000, -10rem 14rem #000, -9rem 13rem #000, -8rem 11rem #000, -8rem 12rem #000, -9rem 11rem #000, -10rem 11rem #000, -11rem 11rem #000, -12rem 10rem #000, -13rem 10rem #000, -14rem 9rem #000, -15rem 8rem #000, -15rem 7rem #000, -16rem 6rem #000, -16rem 5rem #000, -16rem 4rem #000, -16rem 3rem #000, -15rem 2rem #000, -14rem 2rem #000, -13rem 2rem #000, -12rem 2rem #000, -11rem 2rem #000, -11rem 1rem #000, -11rem 0 #000, -11rem -1rem #000, -10rem -2rem #000, -10rem -3rem #000, -9rem -4rem #000, -9rem -5rem #000, -9rem -6rem #000, -8rem -7rem #000, -7rem -7rem #000, -6rem -6rem #000, -5rem -5rem #000, -15.5rem 3rem #7a4125, -15rem 3rem #7a4125, -14.5rem 3rem #7a4125, -14rem 3rem #532a27, -13.5rem 3rem #532a27, -13rem 3rem #532a27, -13rem 3.5rem #532a27, -14rem 3.5rem #532a27,-15rem 4rem #532a27, -15rem 4.5rem #532a27, -14rem 4.5rem #532a27, -15rem 5rem #966c49, -14rem 5rem #966c49, -10rem 2rem #3c303d, -10rem 1rem #000, -10rem 0 #000, -9rem 2rem #000, -9rem 1rem #3c303d, -9rem 0 #000, -8rem 2rem #000, -8rem 1rem #000, -8rem 0 #3c303d, -7rem 2rem #000, -7rem 1rem #000, -7rem 0 #000, -6rem 1rem #000, -5rem 1rem #000, -6rem 0 #3c303d, -5rem 0 #3c303d, -4rem 0 #000, -3rem 0 #000, -2rem 0 #000, -1rem 0 #000, -4rem 1rem #000, -3rem 1rem #000, -2rem 1rem #000, -4rem 2rem #000, -3rem 2rem #000, -4rem 3rem #000, -3rem 3rem #3c303d, -2rem 2rem #3c303d, -1rem 1rem #3c303d, 0 0 #3c303d, 1rem 0 #000, 2rem 0 #000, 3rem 0 #000, 0 1rem #000, 1rem 1rem #000, 2rem 1rem #000, -1rem 2rem #000, 0 2rem #000, 1rem 2rem #000, -2rem 3rem #000, -1rem 3rem #000, 0 3rem #000, -3rem 4rem #000, -2rem 4rem #000, -1rem 4rem #000, -2rem 5rem #000, 4rem 0 #3c303d, 5rem 0 #3c303d, 3rem 1rem #3c303d, 4rem 1rem #3c303d, 2rem 2rem #3c303d, 3rem 2rem #3c303d, 1rem 3rem #3c303d, 2rem 3rem #3c303d, 0 4rem #3c303d, 1rem 4rem #3c303d, -1rem 5rem #3c303d, 0 5rem #3c303d, 9rem 0 #3c303d, 8rem 0 #3c303d, 7rem 0 #3c303d, 6rem 0 #000, 9rem 1rem #000, 8rem 1rem #000, 7rem 1rem #000, 6rem 1rem #000, 5rem 1rem #000, 5rem 2rem #000, 4rem 2rem #000, 5rem 3rem #000, 4rem 3rem #000, 3rem 3rem #000, 4rem 4rem #000, 3rem 4rem #000, 2rem 4rem #000, 3rem 5rem #000, 2rem 5rem #000, 1rem 5rem #000, -13rem 4.5rem #966c49, -12rem 3.5rem #966c49, -12rem 2.5rem #e9bc9b, -11rem 2.5rem #e9bc9b, -10rem 2.5rem #e9bc9b, -9rem 2.5rem #e9bc9b, -8rem 2.5rem #e9bc9b, -7rem 2.5rem #e9bc9b, -6rem 2rem #e9bc9b, -5rem 2rem #a67954, -5rem 3rem #a67954, -4rem 4rem #a67954, -3rem 5rem #a67954, -2rem 6rem #a67954, -1rem 6rem #a67954, 0 6rem #a67954, 1rem 6rem #a67954, 2rem 6rem #a67954, 3rem 6rem #a67954, 4rem 5rem #a67954, 5rem 4rem #a67954, 6rem 3rem #a67954, 6rem 2rem #a67954, 7rem 2rem #a67954, 8rem 2rem #a67954, 9rem 2rem #a67954, -10rem -1rem #c8946b, -9rem -1rem #c8946b, -8rem -1rem #c8946b, -7rem -1rem #c8946b, -6rem -1rem #c8946b, -5rem -1rem #c8946b, -4rem -1rem #c8946b, -3rem -1rem #c8946b, -2rem -1rem #c8946b, -1rem -1rem #c8946b, 0 -1rem #c8946b, 1rem -1rem #c8946b, 2rem -1rem #c8946b, 3rem -1rem #c8946b, 4rem -1rem #c8946b, 5rem -1rem #c8946b, 6rem -1rem #c8946b, 7rem -1rem #c8946b, 8rem -1rem #c8946b, 9rem -1rem #c8946b, -9rem -2rem #c8946b, -8rem -2rem #c8946b, -7rem -2rem #c8946b, -6rem -2rem #c8946b, -5rem -2rem #c8946b, -4rem -2rem #c8946b, -3rem -2rem #c8946b, -2rem -2rem #c8946b, -1rem -2rem #c8946b, 0 -2rem #c8946b, 1rem -2rem #c8946b, 2rem -2rem #c8946b, 3rem -2rem #c8946b, 4rem -2rem #c8946b, 5rem -2rem #c8946b, 6rem -2rem #c8946b, 7rem -2rem #c8946b, 8rem -2rem #c8946b, 9rem -2rem #c8946b, -9rem -3rem #c8946b, -8rem -3rem #a8774e, -7rem -3rem #c8946b, -6rem -3rem #c8946b, -5rem -3rem #c8946b, -4rem -3rem #c8946b, -3rem -3rem #c8946b, -2rem -3rem #c8946b, -1rem -3rem #c8946b, 0 -3rem #c8946b, 1rem -3rem #c8946b, 2rem -3rem #c8946b, 3rem -3rem #c8946b, 4rem -3rem #e6ba97, 5rem -3rem #c8946b, 6rem -3rem #c8946b, 7rem -3rem #a7764d, 8rem -3rem #e9bd98, -8rem -4rem #a8774e, -7rem -4rem #a8774e, -6rem -4rem #c8946b, -5rem -4rem #e9c7b2, -4rem -4rem #e9c7b2, -3rem -4rem #e9c7b2, -2rem -4rem #e9c7b2, -1rem -4rem #e9c7b2, 0 -4rem #e9c7b2, 1rem -4rem #e9c7b2, 2rem -4rem #e9c7b2, 3rem -4rem #e9c7b2, 4rem -4rem #ca956b, 5rem -4rem #a7764d, 6rem -4rem #a7764d, 7rem -4rem #a7764d, 8rem -4rem #e9bd98, -8rem -5rem #a8774e, -7rem -5rem #a8774e, -6rem -5rem #ebbd9a, -8rem -6rem #ebbd9a, -7rem -6rem #ebbd9a, 4rem -5rem #e7bc99, 5rem -5rem #a7764d, 6rem -5rem #a7764d, 7rem -5rem #a7764d, 8rem -5rem #e3ba9e, 5rem -6rem #e3ba9e, 6rem -6rem #a6754c, 7rem -6rem #e6bb9b, 6rem -7rem #e6bb9b, 7rem -7rem #e6bb9b, -11rem 3rem #c9946a, -10rem 3rem #c9946a, -9rem 3rem #c9946a, -8rem 3rem #c9946a, -7rem 3rem #c9946a, -6rem 3rem #c9946a, 7rem 3rem #c9946a, 8rem 3rem #c9946a, 9rem 3rem #c9946a, -12rem 4rem #c9946a, -11rem 4rem #c9946a, -10rem 4rem #c9946a, -9rem 4rem #c9946a, -8rem 4rem #c9946a, -7rem 4rem #c9946a, -6rem 4rem #c9946a, -5rem 4rem #c9946a, 6rem 4rem #c9946a, 7rem 4rem #c9946a, 8rem 4rem #c9946a, 9rem 4rem #c9946a, -13rem 5rem #c9946a, -12rem 5rem #c9946a, -11rem 5rem #c9946a, -10rem 5rem #c9946a, -9rem 5rem #c9946a, -8rem 5rem #c9946a, -7rem 5rem #c9946a, -6rem 5rem #c9946a, -5rem 5rem #c9946a, -4rem 5rem #c9946a, 5rem 5rem #c9946a, 6rem 5rem #c9946a, 7rem 5rem #c9946a, 8rem 5rem #c9946a, 9rem 5rem #c9946a, -15rem 6rem #c9946a, -14rem 6rem #c9946a, -13rem 6rem #c9946a, -12rem 6rem #c9946a, -11rem 6rem #c9946a, -10rem 6rem #c9946a, -9rem 6rem #c9946a, -8rem 6rem #a7764d, -7rem 6rem #c9946a, -6rem 6rem #c9946a, -5rem 6rem #c9946a, -4rem 6rem #c9946a, -3rem 6rem #c9946a, 4rem 6rem #c9946a, 5rem 6rem #c9946a, 6rem 6rem #c9946a, 7rem 6rem #c9946a, 8rem 6rem #c9946a, 9rem 6rem #c9946a, -14rem 7rem #c9946a, -13rem 7rem #c9946a, -12rem 7rem #c9946a, -11rem 7rem #c9946a, -10rem 7rem #a7764d, -9rem 7rem #c9946a, -8rem 7rem #c9946a, -7rem 7rem #c9946a, -6rem 7rem #a7764d, -5rem 7rem #c9946a, -4rem 7rem #c9946a, -3rem 7rem #c9946a, -2rem 7rem #c9946a, -1rem 7rem #c9946a, 0 7rem #c9946a, 1rem 7rem #c9946a, 2rem 7rem #c9946a, 3rem 7rem #c9946a, 4rem 7rem #c9946a, 5rem 7rem #c9946a, 6rem 7rem #c9946a, 7rem 7rem #c9946a, 8rem 7rem #c9946a, 9rem 7rem #c9946a, -14rem 8rem #a47751, -13rem 8rem #c9946a, -12rem 8rem #c9946a, -11rem 8rem #c9946a, -10rem 8rem #c9946a, -9rem 8rem #c9946a, -8rem 8rem #c9946a, -7rem 8rem #c9946a, -6rem 8rem #c9946a, -5rem 8rem #c9946a, -4rem 8rem #a7764d, -3rem 8rem #c9946a, -2rem 8rem #c9946a, -1rem 8rem #c9946a, 0 8rem #c9946a, 1rem 8rem #eabc9b, 2rem 8rem #eabc9b, 3rem 8rem #c9946a, 4rem 8rem #c9946a, 5rem 8rem #c9946a, 6rem 8rem #c9946a, 7rem 8rem #c9946a, 8rem 8rem #c9946a, 9rem 8rem #a9774c, -13rem 9rem #a47751, -12rem 9rem #c9946a, -11rem 9rem #c9946a, -10rem 9rem #c9946a, -9rem 9rem #c9946a, -8rem 9rem #a7764d, -7rem 9rem #c9946a, -6rem 9rem #c9946a, -5rem 9rem #c9946a, -4rem 9rem #c9946a, -3rem 9rem #c9946a, -2rem 9rem #c9946a, -1rem 9rem #a7764f, 0 9rem #000, 1rem 9rem #000, 2rem 9rem #000, 3rem 9rem #eabc9b, 4rem 9rem #c9946a, 5rem 9rem #c9946a, 6rem 9rem #c9946a, 7rem 9rem #c9946a, 8rem 9rem #c9946a, 9rem 9rem #a9774c, -11rem 10rem #a47751, -10rem 10rem #a47751, -9rem 10rem #c9946a, -8rem 10rem #c9946a, -7rem 10rem #c9946a, -6rem 10rem #c9946a, -5rem 10rem #c9946a, -4rem 10rem #c9946a, -3rem 10rem #a7764f, -2rem 10rem #000, -1rem 10rem #000, 0 10rem #000, 1rem 10rem #000, 2rem 10rem #000, 3rem 10rem #eabc9b, 4rem 10rem #c9946a, 5rem 10rem #c9946a, 6rem 10rem #c9946a, 7rem 10rem #c9946a, 8rem 10rem #a9774c, 9rem 10rem #a9774c, -7rem 11rem #000, -6rem 11rem #a37551, -5rem 11rem #000, -4rem 11rem #000, -3rem 11rem #f8efd4, -2rem 11rem #000, -1rem 11rem #000, 0 11rem #000, 1rem 11rem #000, 2rem 11rem #000, 3rem 11rem #c8946b, 4rem 11rem #c9946a, 5rem 11rem #c9946a, 6rem 11rem #c9946a, 7rem 11rem #c9946a, 8rem 11rem #a9774c, 9rem 11rem #a9774c, -7rem 12rem #000, -6rem 12rem #000, -5rem 12rem #67151b, -4rem 12rem #67151b, -3rem 12rem #67151b, -2rem 12rem #67151b, -1rem 12rem #000, 0 12rem #000, 1rem 12rem #000, 2rem 12rem #e9bc97, 3rem 12rem #c8946b, 4rem 12rem #c9946a, 5rem 12rem #c9946a, 6rem 12rem #c9946a, 7rem 12rem #a9774c, 8rem 12rem #a9774c, -8rem 13rem #f6f0d7, -7rem 13rem #000, -6rem 13rem #69121b, -5rem 13rem #892728, -4rem 13rem #b1382f, -3rem 13rem #67151b, -2rem 13rem #67151b, -1rem 13rem #f6f0d7, 0 13rem #000, 1rem 13rem #e9bc97, 2rem 13rem #c8946b, 3rem 13rem #c8946b, 4rem 13rem #c9946a, 5rem 13rem #c9946a, 6rem 13rem #c9946a, 7rem 13rem #a9774c, 8rem 13rem #a9774c, -9rem 14rem #e9be9c, -8rem 14rem #e9be9c, -7rem 14rem #8a2825, -6rem 14rem #8a2825, -5rem 14rem #b1382f, -4rem 14rem #8a2825, -3rem 14rem #8a2825, -2rem 14rem #e9be9c, -1rem 14rem #e9be9c, 0 14rem #e9be9c, 1rem 14rem #c8946b, 2rem 14rem #c8946b, 3rem 14rem #c8946b, 4rem 14rem #c9946a, 5rem 14rem #c9946a, 6rem 14rem #a9774c, 7rem 14rem #a9774c, -9rem 15rem #a27755, -8rem 15rem #c8946c, -7rem 15rem #8a2825, -6rem 15rem #8a2825, -5rem 15rem #b1382f, -4rem 15rem #8a2825, -3rem 15rem #8a2825, -2rem 15rem #a27755, -1rem 15rem #c8946b, 0 15rem #c8946b, 1rem 15rem #c8946b, 2rem 15rem #c8946b, 3rem 15rem #c8946b, 4rem 15rem #a9774c, 5rem 15rem #a9774c, 6rem 15rem #a9774c, -8rem 16rem #a27755, -7rem 16rem #8a2825, -6rem 16rem #8a2825, -5rem 16rem #b1382f, -4rem 16rem #8a2825, -3rem 16rem #8a2825, -2rem 16rem #a27755, -1rem 16rem #c8946b, 0 16rem #c8946b, 1rem 16rem #c8946b, 2rem 16rem #a9774c, 3rem 16rem #a9774c, 4rem 16rem #a9774c, 5rem 16rem #a9774c, -7rem 17rem #8a2825, -6rem 17rem #8a2825, -5rem 17rem #b1382f, -4rem 17rem #8a2825, -3rem 17rem #8a2825, -2rem 17rem #a27755, -1rem 17rem #c8946b, 0 17rem #a9774c, 1rem 17rem #a9774c, 2rem 17rem #a9774c, 3rem 17rem #a9774c, -7rem 18rem #8a2825, -6rem 18rem #8a2825, -5rem 18rem #b1382f, -4rem 18rem #8a2825, -7rem 19rem #65171d, -6rem 19rem #8a2825, -5rem 19rem #b1382f, -4rem 19rem #65171d, -6rem 20rem #65171d, -5rem 20rem #65171d;

image.png

给船长的马里奥头像换成像素风吧

😆 船长的马里奥太大了,用像素风画出来就比较抽象一点(请船长见谅)

e73452a5dd6a9d9eb2ab538dfe522531_1.jpg

box-shadow:1em 0 0 #df2516, 2em 0 0 #df2516, 3em 0 0 #df2516, 4em 0 0 #df2516, 5em 0 0 #df2516, 6em 0 0 #df2516, 9em 0 0 #ecbd8f, 10em 0 0 #ecbd8f, 11em 0 0 #ecbd8f, -1em 1em 0 #df2516, 0 1em 0 #df2516, 1em 1em 0 #df2516, 2em 1em 0 #df2516, 3em 1em 0 #df2516, 4em 1em 0 #df2516, 5em 1em 0 #df2516, 6em 1em 0 #df2516, 7em 1em 0 #df2516, 8em 1em 0 #df2516, 9em 1em 0 #df2516, 10em 1em 0 #ecbd8f, 11em 1em 0 #ecbd8f, -1em 2em 0 #814125, 0 2em 0 #814125, 1em 2em 0 #814125, 2em 2em 0 #ecbd8f, 3em 2em 0 #ecbd8f, 4em 2em 0 #ecbd8f, 5em 2em 0 #ecbd8f, 6em 2em 0 #050c12, 7em 2em 0 #ecbd8f, 9em 2em 0 #df2516, 10em 2em 0 #df2516, 11em 2em 0 #df2516, -2em 3em 0 #814125, -1em 3em 0 #ecbd8f, 0 3em 0 #814125, 1em 3em 0 #814125, 2em 3em 0 #ecbd8f, 3em 3em 0 #ecbd8f, 4em 3em 0 #ecbd8f, 5em 3em 0 #ecbd8f, 6em 3em 0 #050c12, 7em 3em 0 #ecbd8f, 8em 3em 0 #ecbd8f, 9em 3em 0 #ecbd8f, 10em 3em 0 #df2516, 11em 3em 0 #df2516, -2em 4em 0 #814125, -1em 4em 0 #ecbd8f, 0 4em 0 #814125, 1em 4em 0 #814125, 2em 4em 0 #814125, 3em 4em 0 #ecbd8f, 4em 4em 0 #ecbd8f, 5em 4em 0 #ecbd8f, 6em 4em 0 #ecbd8f, 7em 4em 0 #050c12, 8em 4em 0 #ecbd8f, 9em 4em 0 #ecbd8f, 10em 4em 0 #ecbd8f, 11em 4em 0 #df2516, -2em 5em 0 #814125, -1em 5em 0 #814125, 0 5em 0 #ecbd8f, 1em 5em 0 #ecbd8f, 2em 5em 0 #ecbd8f, 3em 5em 0 #ecbd8f, 4em 5em 0 #ecbd8f, 5em 5em 0 #050c12, 6em 5em 0 #050c12, 7em 5em 0 #050c12, 8em 5em 0 #050c12, 9em 5em 0 #050c12, 10em 5em 0 #df2516, 0 6em 0 #ecbd8f, 1em 6em 0 #ecbd8f, 2em 6em 0 #ecbd8f, 3em 6em 0 #ecbd8f, 4em 6em 0 #ecbd8f, 5em 6em 0 #ecbd8f, 6em 6em 0 #ecbd8f, 7em 6em 0 #ecbd8f, 8em 6em 0 #ecbd8f, 9em 6em 0 #df2516, 10em 6em 0 #df2516, -3em 7em 0 #df2516, -2em 7em 0 #df2516, -1em 7em 0 #df2516, 0 7em 0 #df2516, 1em 7em 0 #df2516, 2em 7em 0 #4a4dd0, 3em 7em 0 #df2516, 4em 7em 0 #df2516, 5em 7em 0 #df2516, 6em 7em 0 #df2516, 7em 7em 0 #4a4dd0, 8em 7em 0 #df2516, 9em 7em 0 #df2516, 12em 7em 0 #814125, -5em 8em 0 #ecbd8f, -4em 8em 0 #ecbd8f, -3em 8em 0 #df2516, -2em 8em 0 #df2516, -1em 8em 0 #df2516, 0 8em 0 #df2516, 1em 8em 0 #df2516, 2em 8em 0 #df2516, 3em 8em 0 #4a4dd0, 4em 8em 0 #df2516, 5em 8em 0 #df2516, 6em 8em 0 #df2516, 7em 8em 0 #df2516, 8em 8em 0 #4a4dd0, 11em 8em 0 #814125, 12em 8em 0 #814125, -5em 9em 0 #ecbd8f, -4em 9em 0 #ecbd8f, -3em 9em 0 #ecbd8f, -2em 9em 0 #df2516, -1em 9em 0 #df2516, 0 9em 0 #df2516, 1em 9em 0 #df2516, 2em 9em 0 #4a4dd0, 3em 9em 0 #4a4dd0, 4em 9em 0 #4a4dd0, 5em 9em 0 #4a4dd0, 6em 9em 0 #4a4dd0, 7em 9em 0 #4a4dd0, 8em 9em 0 #f9e721, 9em 9em 0 #4a4dd0, 10em 9em 0 #4a4dd0, 11em 9em 0 #814125, 12em 9em 0 #814125, -4em 10em 0 #ecbd8f, -1em 10em 0 #4a4dd0, 0 10em 0 #df2516, 1em 10em 0 #4a4dd0, 2em 10em 0 #4a4dd0, 3em 10em 0 #f9e721, 4em 10em 0 #4a4dd0, 5em 10em 0 #4a4dd0, 6em 10em 0 #4a4dd0, 7em 10em 0 #4a4dd0, 8em 10em 0 #4a4dd0, 9em 10em 0 #4a4dd0, 10em 10em 0 #4a4dd0, 11em 10em 0 #814125, 12em 10em 0 #814125, -3em 11em 0 #814125, -2em 11em 0 #814125, -1em 11em 0 #814125, 0 11em 0 #4a4dd0, 1em 11em 0 #4a4dd0, 2em 11em 0 #4a4dd0, 3em 11em 0 #4a4dd0, 4em 11em 0 #4a4dd0, 5em 11em 0 #4a4dd0, 6em 11em 0 #4a4dd0, 7em 11em 0 #4a4dd0, 8em 11em 0 #4a4dd0, 9em 11em 0 #4a4dd0, 10em 11em 0 #4a4dd0, 11em 11em 0 #814125, 12em 11em 0 #814125, -4em 12em 0 #814125, -3em 12em 0 #814125, -2em 12em 0 #814125, -1em 12em 0 #4a4dd0, 0 12em 0 #4a4dd0, 1em 12em 0 #4a4dd0, 2em 12em 0 #4a4dd0, 3em 12em 0 #4a4dd0, 4em 12em 0 #4a4dd0, -4em 13em 0 #814125, -3em 13em 0 #814125;}

image.png

总结一下

事已至此,那你还不给自己做一个像素风头像看看!!!!