资源盛宴:30个优秀CSS技术和实例(上)

来源:作者博客 作者:LEE

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.whatever: hover模仿Windows开始菜单的CSS导航菜单。 CSS-实例 11.纯CSS手风琴效果使用div和:hover伪类的手风琴效果,这个效果可以垂直显示也可以水平显示。 CSS-实例 12.使用PNG和背景色的可扩展按钮 CSS-实例 13.Pushbutton Links链接在不使用图片的情况下看起来像个按钮。 CSS-实例 14.含固定Header的可卷动表格表格的标题被固定的优秀长表格。 CSS-实例 15.CSS内容遮盖当你悬停在图片上时,div容器会显示更多文字。 CSS-实例

关于作者

没有评论

发表一条评论