加入收藏 | 设为首页 | 会员中心 | 我要投稿 应用网_阳江站长网 (https://www.0662zz.com/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 站长资讯 > 动态 > 正文

代码变油画,精细到毛发,让美术设计也惊叹

发布时间:2020-03-19 08:30:14 所属栏目:动态 来源:量子位
导读:来源:量子位 代码变油画,精细到毛发,这个前端小姐姐只用 HTML+CSS,让美术设计也惊叹丨 GitHub 热榜 HTML 不是编程语言,但这并不妨碍精通它的大佬玩出花来。 普通的前端,用 HTML+CSS 制作网页,元素简单,工具丰富。 大佬级前端,用 HTML+CSS 绘画,

比如,MAC 上的 Safari 浏览器打开,妹子的眼睛就方了:

代码变油画,精细到毛发,让美术设计也惊叹

肩膀上的高光,变成了一个大圈圈:

代码变油画,精细到毛发,让美术设计也惊叹

胸前的礼服上,也被泼了一道墨:

代码变油画,精细到毛发,让美术设计也惊叹

如果用早期的 Chrome 打开,会出现惊悚的头身分离的效果:

代码变油画,精细到毛发,让美术设计也惊叹

早期的 Opera 浏览器,打开之后脸方了:

代码变油画,精细到毛发,让美术设计也惊叹

Windows 7 上从 IE 6 到 IE 11,显示出来的都是这个鬼样子:

代码变油画,精细到毛发,让美术设计也惊叹

浓重的线条,甚至有点抽象艺术的感觉。

同样是早期 IE,放到 Mac 上也一样鬼畜,这是 IE 5.1.7 的效果:

代码变油画,精细到毛发,让美术设计也惊叹

还有人试了试,在 Windows 98 系统的 IE 7 浏览器打开,会变成非常像素风的样子:

代码变油画,精细到毛发,让美术设计也惊叹

最恐怖的是三星手机上的夜间模式打开:

代码变油画,精细到毛发,让美术设计也惊叹

连人种都变了啊!

其他的几张画,换个浏览器打开也比较鬼畜。

代码变油画,精细到毛发,让美术设计也惊叹

妹子你 bra 里的钢圈出来了啊!

代码变油画,精细到毛发,让美术设计也惊叹

拉夫领变得透明而有光泽,领口的蕾丝干脆断掉了,仿佛是逃难时期的肖像画。

最后,如果你在 iPhone 上装了 Chrome,出来的也是 Safari 的效果,想看完整效果的话,请在安卓手机或者电脑的 Chrome 上打开。

因此,有不少网友都觉得,这几幅画可以当成浏览器测试项目,一试就能知道内核用的是谁家的。

反向绘图

CSS 太难,学不会?不要紧,虽然我们不能把代码变成图片,但是可以把图片变成代码啊。

没错,就是ASCII 艺术,早在 DOS 时期,就有人用命令行界面来显示图片。直到今天已成为一种流行的互联网文化。

代码变油画,精细到毛发,让美术设计也惊叹

用单色字符来画出世界名画已经不算新鲜事。最近又有个码农开发了一个新的项目Primg,让任何一幅画都可以用质数来表示。

比如蒙拉丽莎,就可以用一个 3 万位的质数二进制方式绘制出来。

代码变油画,精细到毛发,让美术设计也惊叹

传送门:

作者的 GitHub:

https://github.com/cyanharlow

作者博客主页:

https://diana-adrianne.com/

教程:

https://css-tricks.com/solving-lifes-problems-with-css/

用质数生成任意 ASCII 艺术:

https://github.com/geonnave/primg

作者系网易新闻 · 网易号 " 各有态度 " 签约作者

(编辑:应用网_阳江站长网)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!