100个数据可视化设计（程序员8000行代码画出一个蒙娜丽莎）

今天小编逛论坛，看到了一位神级大佬的作品，竟然用了8000CSS代码花了一幅蒙娜丽莎，简直惊为天人！小编我不得不把这源码COPY一份下来，分享给头条上的小伙伴们看看，或许是用了什么工具吧，小编我也不是很懂，但是如果是用CSS写的，那么这个人就真的是个大神了，好了话不多说，直接上效果图和代码！

这个蒙娜丽莎特效的源码文末有领取地址

CSS全部源码共享：

这个是照片版的蒙娜丽莎，大家能够看出差别有多大吗？

我的web前端技术学习交流群：733581373

我是一名前端开发程序员，自己整理了一份2018最全面前端学习资料，从最基础的HTML CSS JS到移动端HTML5到各种框架都有整理，送给每一位前端小伙伴，这里是小白聚集地，欢迎初学和进阶中的小伙伴。

【这个蒙娜丽莎特效的源码也上传qun文件了的】

最后再给初学前端的小伙伴说几句：

HTML相当于告诉你网页上的东西是什么，例如:这是一个链接、这是一个标题、这是一个段落。HTML是构成网页的基础。

CSS相当于告诉你网页上的东西是什么样的，例如:这个链接是红色的、这个标题是蓝色的、这个段落是黑色的。CSS是作用在HTML元素之上的，可以调整HTML元素的样式，使网页布局更漂亮、合理。

JS相当于告诉你网页上的东西该怎么变化，例如:鼠标移动到链接上时链接变成蓝色、鼠标移动到头像上时显示个人信息等等。JS是在HTML和CSS的基础上的，作用是使网页使用起来更容易、方便。

ajax是前端需要用到的一个重要的技术。

Jquery是一个前端框架，主要作用是使编写JS代码更方便。