狂拽酷炫吊炸天! 纯CSS绘制《辛普森一家》人物头像

HTML5+CSS3 欲思 7评论

《辛普森一家》是美国福克斯广播公司的一部动画情景喜剧,由马特·格勒宁创作。该剧通过对霍默、玛琦、巴特、莉萨和玛吉一家五口生活的描绘,用搞笑的方式自我嘲讽了美国的文化、社会、电视以及人类境况的诸多方面。可能很多朋友看过这部喜剧。我之前阵子好像看过一点点,所以大略了解了一些。貌似还在4频道的节目“100个最伟大的儿童节目”(2001)及“100部最伟大的卡通片”(2005)中均名列榜首。

狂拽酷炫吊炸天! 纯CSS绘制《辛普森一家》人物头像

这篇文章不是给大家推荐这部剧的哈!是给大家分享一组纯 CSS 绘制的《辛普森一家》人物头像。

真实狂拽酷炫吊炸天! 牛人中的牛人啊。大家可以自己看下代码是如何实现的。

当然,你还可以看看这些:

人物头像演示效果如下(注意:下面的不是图片额,是css构成的。):

源码下载

温馨提示:为保证最佳的效果,请在 Chrome、Firefox 和 Safari 等现代浏览器中浏览。

代码特别的长,我就不贴出来了,大家可以自己下载折腾。

每个头像都有自己相应的css类。如果要使用,引入就可以了。

英文参考:http://www.chrispattle.com/blog/simpsons-in-css/

中文参考:http://www.cnblogs.com/lhb25/p/create-simpsons-characters-pure-css.html

转载请注明:欲思博客 » 狂拽酷炫吊炸天! 纯CSS绘制《辛普森一家》人物头像

如果你觉得这篇文章或者我分享的主题对你有帮助,请支持我继续更新网站和主题 !捐赠本站
喜欢 (26)or分享 (0)
发表我的评论
取消评论
表情

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
(7)个小伙伴在吐槽
  1. 看起來好厲害哇!
    超級efly2014-08-25 06:52 回复
  2. 转载注明一下:http://www.cnblogs.com/lhb25/p/create-simpsons-characters-pure-css.html,OK?
    梦想天空2014-07-25 09:43 回复
    • 你好。我这个并不是从你这边所转。我查了一下。已经加入原站地址。
      欲思2014-07-25 12:30 回复
      • 源代码你是从我网站下载的,难道就我自己能看出来?
        梦想天空2014-07-25 13:14 回复
        • 这是https://github.com/pattle/simpsons-in-css上面的一个开源的项目吧。我这边确实不是从你这边下载的。我是从其他代码分享站点下载的。很抱歉之前不知道你这边是首发,我已经加上出处。
          欲思2014-07-25 13:35 回复
      • 好吧,我懒得深究了,如果供学习参考用,我还是欢迎转载的。
        梦想天空2014-07-25 13:21 回复
        • 谢谢提醒,下次一定注意看首发站点出处。
          欲思2014-07-25 13:36 回复