18个你可能不相信的前端炫酷特效，附观赏地址与下载源码

作者 | 杨小二

来源 | web前端开发（web_qdkf）

记得在很早之前跟大家分享一篇文章《18个你可能不相信是用CSS制作出来的东西》里面有一个案例是Chris Pattle使用纯CSS创建的Simpsons家族。他把每个角色的脸部拆分成很小的形状，然后又拼接回去。他甚至给角色的眼睛添加了动画来赋予它们生命力。

后来，我还特意去查看了里面的源码，看看他们是怎么来写这样的效果的，感觉国外的一些工程师，真的脑洞很大，耐心也很好，喜欢专研。

当然啦，如果你也想学习的话，你也可以到下载地址获取Simpsons家族这个纯CSS打造的效果。

源码地址如下：

链接: https://pan.baidu.com/s/1NpukLv0xbLMveNiDDN3R3g 

提取码: p7iw 

而今天我要跟大家分享的也是一些非常炫酷的前端效果，当然这个里面也有纯CSS打造的，还有的是借助了JS来呈现的一些效果，你除了学习他们写的代码外，你还可以研究一下，他们实现的一些思路。

在这些效果里，我都附上了观赏地址，里面可以查看源码，有的没有地址的，我会把源码单独附上&