经验心得

首页 > 分享 > 经验心得 > 正文

精选30个优秀的CSS技术和实例

admin 2009-10-30 12:35:43

1.Hoverbox 图片集

一个纯净的基于CSS的图片集,鼠标悬停缩略图就会显示放大效果。

CSS-实例

 

2.高级CSS菜单

一款很有创意且复杂的CSS导航方案。

CSS-实例

3.滑动影集

手风琴效果的影集,悬停便可拉伸图片。

CSS-实例

4.Lightbox幻灯片

题为”Supercharge your image borders“的文章中的一部分展示了如何使用CSS样式让图片变得更有意思。

CSS-实例

5.图片的阴影效果

在A List Apart上的一个关于图片效果Demo的讨论文章”CSS Drop shadows“.

CSS-实例

6.跨浏览器多页式影集

悬停标签改变分类,悬停缩略图显示放大图。

CSS-实例

7.CSS照片放大

使用简单的图片和background-position属性来进行调解。

CSS-实例

8.CSS gallery layout—smells like a table

模仿表格布局,但使用的是列表。图集是流式宽度。

CSS-实例

9.Sticky Footer

仅使用了很少XHTML的静态页脚。

CSS-实例

10. TAGCSS技术 实例