插件简介
蒙娜丽莎画像非常著名，如果告诉你这幅画像我们可以使用纯CSS3绘制而成，你是否会觉得非常惊讶。没错，今天我们要分享的就是这个使用纯CSS3，没有使用任何图片的蒙娜丽莎画像，实现原理是利用CSS3的阴影特性，逐层用不同的颜色渲染，从而形成这幅蒙娜丽莎巨作，当然有点模糊是肯定的，毕竟是通过投影渲染的，是不是觉得非常神奇。
插件预览
插件下载
在线演示链接：
https://www.html5tricks.com/demo/pure-css3-mona-lisa/index.html插件下载链接：
https://www.html5tricks.com/download/pure-css3-mona-lisa.rar
解压密码：RJ4587
你可以点击底部“阅读原文”前往我们的官方网站html5tricks，在那里你可以在线演示这款纯 CSS3 实现的蒙娜丽莎画像，并且下载这个动画的源码，你可以将它分享给你的朋友们，代码仅供参考和学习。
相关动画（点击链接可跳转）
每日分享前端插件干货，欢迎关注！
点赞和分享就是最大的支持❤️
文章评论