神圣的精灵

原文：神圣的精灵
整理自：Holy Sprites

CSS Tricks 前段时间搞了一个名为炫耀一下你的精灵吧!的比赛，很多网友贴出了很多很棒的CSS精灵图片。这里是CSS Tricks精选出来的一些精灵图片。从中我们可以膜拜一下这些牛站们对CSS中用到的图片的处理方法。

这些图片中的一些根据我们网站的需要可能有些压缩。但是本文的意思并不是让大家模仿他们，只是希望它们能给你一些灵感的火花！

PS:现在很多人开始称呼CSS sprite为CSS雪碧，我认为这是个很好的叫法，大家认为呢？——神飞

toolbar_animation_20090618

Rating: 8.6/10 (16 votes cast)

作者: 神飞
爱好前端设计与开发，崇尚一目了然的设计。现居深圳。 Follow me on twitter @qianduan。

您或许也会喜欢：

如果你喜欢本文，欢迎订阅本站以获得本站最新内容。

14 个评论

DeadFire 发表于Nov 9, 2009 at 11:47
要是有实际站的连接看看效果就好了。
Reply
- 神采飞扬 发表于Nov 9, 2009 at 11:49
  多谢你的建议我刚刚也注意到这个问题了，今天太忙了，到晚上再更新上去……
  Reply
levi 发表于Nov 9, 2009 at 11:58
期待中。。。经常关顾楼主网站的人，确实比较实在
Reply
- 神采飞扬 发表于Nov 9, 2009 at 12:04
  嘻嘻，过奖了……
  Reply
chisdy 发表于Nov 9, 2009 at 13:44
看来是得开始整整了，不能再懒了。
Reply
margin 发表于Nov 9, 2009 at 14:42
在下有个问题想问下老大：我想在P标记里设置两端对齐，用text-align:justify设置了不行？为什么还要加上个text-justify:inter-ideograph？
还有，有些CSS属性，比如text-overflow、text-justify为什么在CSS手册都没能查到？
Reply
- 神采飞扬 发表于Nov 9, 2009 at 14:54
  这个属性在CSS2.1中的支持不是很完善，而在CSS3中就有了更明确的定义。具体的内容在W3C的CSS3文档中有详细说明：http://www.w3.org/TR/css3-text/#text-align text-align:justify属性需要依赖text-justify属性。
  Reply
  - margin 发表于Nov 10, 2009 at 17:29
    嗯，谢谢，要是有个支持CSS3语法提示的软件就好了。
    Reply
erain 发表于Nov 9, 2009 at 18:43
期待CSS3
Reply
- riant 发表于Nov 10, 2009 at 21:56
  不如期待 IE9，那还有30% 的 IE6 呢，足够你期待的了
  Reply
  - erain 发表于Nov 11, 2009 at 01:27
    差点忘了还有ie这个浏览器。ie6这个前端工程师的恶魔……
    Reply
Evan 发表于Nov 13, 2009 at 13:14
还有一个很经典的。我觉得http://www.google.cn/intl/zh-CN/images/toolbar_animation_20090618.png
应该加上吧
Reply
- 神采飞扬 发表于Nov 13, 2009 at 16:14
  已经添加了，多谢分享……
  Reply
muren 发表于Dec 8, 2009 at 16:31
这种方法在设计软件皮肤的时候经常用到.
Reply