世界
美国
城市
网址
搜索
cuclife.com
>
IT
>
CSS
>
0
很流行的图片分割显示效果
网络整理 - 07-26
现在,大多数大型网站和设计类网站都采用图片分割显示方式,国内比较早应用这种技术的是网易邮箱登陆页面。先把几张小图片(可以包括很多元素,比如按钮、箭头等等)合成一张大图片,然后通过CSS控制显示的位置就可以了。这样做的好处是图片较少,而且一起进入缓存,调用速度变快了,特别适合鼠标经过图片切换的效果。
下面是一个简单的例子,完整的代码如下:
大家也可以去看看网易邮箱登陆页面。
▪ CSS3 transform实现图片和网页倾斜的效果
▪ CSS实现文字竖排效果
▪ CSS自动限制文本显示字数
▪ CSS实现透视效果
▪ CSS滤镜实现网页背景渐变效果
▪ 点击图片链接不显示虚线边框
▪ 调整CSS类型顺序改变链接效果
▪ CSS实现文字超出宽度显示省略号