Sep13

NWZ发现 #4 – 中文网站CSS Sprites欣赏

css-sprite

CSS Sprites(国内有叫CSS雪碧的,也有叫CSS精灵的)能有效的减少网页的http请求数,从而大大的提高页面加载速度,这也成为其被广泛传播和应用的主要原因。


这个技术说来也不难,基本是background- repeat,background-position的活用,但是如何布局这些小家伙却也有点意思。

今天单独抓来部分国内优秀网站的CSS Sprites供路过的朋友欣赏下。

淘宝

淘宝 CSS Sprites

淘宝另一个专门放icon的

淘宝 css sprites

网易

网易 CSS sprites

优酷

优酷 CSS sprites

土豆

土豆 CSS Sprites

嗨淘

嗨淘 CSS spites

支付宝

Alipay css sprites

人人网

人人网 CSS Sprites

京东商城

bg_nav_0816

拍拍

拍拍 css sprites

当当网

当当 CSS Sprites

VeryCD

Very CD CSS Sprites

NWZ

NWZ CSS Sprites

我取的都是站内较大个儿的,实际上就算一个按钮hover两个变化一下也叫css sprites;拍拍让我想起了两年前左右的163,好长好长好长…; 当当左侧导航做的也很别致…;有人问了,最后一个是什么鸟东西,怎么也排进去了?对的,那是本站的sprites,不容易啊,趁机鱼目混珠展示展示呗=)。

本次抓取的Sprites截至2011年9月13日,他们更新了看不到原版别怨我。

Comments are closed.