额，居然是表格像素画。我web程序猿表示不服 - 矿工茶馆

lrf8643

本帖最后由 lrf8643 于 2017-6-7 14:23 编辑

万恶的Excel表格，做像素画实在是太轻松了。
身为web程序猿直接来一个Herobrine头像的CSS像素画。
这是昨天晚上闲着无聊搞出来的东西。。。

@FHC红石 @小阿狸....

http://pan.baidu.com/s/1qYUC0VU
我把文件放出来，大家研究研究。啥时候举办一次CSS像素画

我还是决定把源码放出来。
box-shadow做像素画一点都不难。用FSCapture取色。方便的不行。
~~尖括号被禁了，自行替换测试。~~
经测试不能有[meta charset="utf-8"]，哪怕注释掉也不行。

<!DOCTYPE html>
<html>
<head>
<title>Herobrine头像</title>
<style type="text/css">
.him
{
width: 1em;
height: 1em;
margin:20px 50px;
background: #2f200d;
box-shadow:
/*第一行*/
1em 0 0 0 #2B1E0D,
2em 0 0 0 #2F1F0F,
3em 0 0 0 #281C0B,
4em 0 0 0 #241808,
5em 0 0 0 #261A0A,
6em 0 0 0 #2B1E0D,
7em 0 0 0 #2A1D0D,
/*第二行*/
0 1em 0 0 #2B1E0D,
1em 1em 0 0 #2B1E0D,
2em 1em 0 0 #2B1E0D,
3em 1em 0 0 #332411,
4em 1em 0 0 #422A12,
5em 1em 0 0 #3F2A15,
6em 1em 0 0 #2C1E0E,
7em 1em 0 0 #281C0B,
/*第三行*/
0 2em 0 0 #2B1E0D,
1em 2em 0 0 #B6896C,
2em 2em 0 0 #BD8E72,
3em 2em 0 0 #C69680,
4em 2em 0 0 #BD8B72,
5em 2em 0 0 #BD8E74,
6em 2em 0 0 #AC765A,
7em 2em 0 0 #342512,
/*第四行*/
0 3em 0 0 #AA7D66,
1em 3em 0 0 #B4846D,
2em 3em 0 0 #AA7D66,
3em 3em 0 0 #AD806D,
4em 3em 0 0 #9C725C,
5em 3em 0 0 #BB8972,
6em 3em 0 0 #9C694C,
7em 3em 0 0 #9C694C,
/*第五行眼睛*/
0 4em 0 0 #FFFFFF,
1em 4em 0 0 #FFFFFF,
2em 4em 0 0 #FFFFFF,
3em 4em 0 0 #B57B67,
4em 4em 0 0 #BB8972,
5em 4em 0 0 #FFFFFF,
6em 4em 0 0 #FFFFFF,
7em 4em 0 0 #FFFFFF,
/*第六行*/
0 5em 0 0 #9C6346,
1em 5em 0 0 #B37B62,
2em 5em 0 0 #B78272,
3em 5em 0 0 #6A4030,
4em 5em 0 0 #6A4030,
5em 5em 0 0 #BE886C,
6em 5em 0 0 #A26A47,
7em 5em 0 0 #805334,
/*第七行嘴巴*/
0 6em 0 0 #905E43,
1em 6em 0 0 #965F40,
2em 6em 0 0 #71462D,
3em 6em 0 0 #8A4C3D,
4em 6em 0 0 #8A4C3D,
5em 6em 0 0 #71462D,
6em 6em 0 0 #8F5E3E,
7em 6em 0 0 #815339,
/*第八行结束*/
0 7em 0 0 #6F452C,
1em 7em 0 0 #6D432A,
2em 7em 0 0 #71462D,
3em 7em 0 0 #71462D,
4em 7em 0 0 #71462D,
5em 7em 0 0 #71462D,
6em 7em 0 0 #83553B,
7em 7em 0 0 #7A4E33;
}
</style>
</head>
<body style="background:#C1C1C1">
<div class="him"></div>
</body>
</html>

复制代码

莉莉霍瓦特

門檻太高了。。。
很多人都不會XD

lrf8643

本帖最后由 lrf8643 于 2017-6-7 13:57 编辑

我想了一下，还是把源码放出来。

什么鬼，发不了html吗。。。每次都是403

复制代码

莉莉霍瓦特

lrf8643 发表于 2017-6-7 13:56
我想了一下，还是把源码放出来。

代碼弄不了嗎？
要不私信給我，我複製到這？

lrf8643

本帖最后由 lrf8643 于 2017-6-7 14:20 编辑

小阿狸.... 发表于 2017-6-7 13:59
代碼弄不了嗎？
要不私信給我，我複製到這？

~~没事的，你应该也发不上的。论坛的php没有做对html的编译。可能连尖括号都不行。~~
经测试不能有[meta charset="utf-8"]

20 > 10;
10 < 20;
<>
<测试>
<ceshi>
<hetemele>
<html>
<head>
<title>测试</title>
</head>
<body style="background:#C1C1C1">
<div class="him"></div>
</body>
</html>

复制代码

Xwan泽宛

herobrine的眼睛是两格的吧...

缇米莉娅

设计师朋友表示不服并直接导入了贴图

爱心魔王FHC

我只想说him的眼睛只有两格