Ruby's Louvre

每天学习一点点算法

导航

2009年9月21日 #

纯CSS相册3

摘要: 以前我见过一种相册,大图是出现在小图中间。如果单是这样好办,但它要求小图与环绕方式包围大图。这就有点难度,以前摸不到门道,现在的我基本可以秒杀之了。我们可以用《纯CSS相册2》的最后一个运行框改一下就行。思路,我们把中间4个LI元素的图片挖去,并把包含块设到UL元素上,hover时就让图片放大并绝对定位到中间。结构层很简单,就不贴出来了,直接看表现层: ul#album, #album li{ ... 阅读全文

posted @ 2009-09-21 19:12 司徒正美 阅读(4578) 评论(16) 推荐(7) 编辑

纯CSS相册2

摘要: 这部分的思路可以说全部秉承《a:hover应用精粹》一文,因为事实证明,锚点切换的效果不好(要劳驾用户的尊手多动一下啦,点之后页面会跳动啦,并且不兼容opera)。这部分的效果比较眩目,但难度绝对不会超过“推搡式放大效果”。它的结构层与《a:hover应用精粹》的后三个示范出奇的相似。CSS也足够强大地表达出我们想要新效果。 <ul id="album"> <li> &l... 阅读全文

posted @ 2009-09-21 08:19 司徒正美 阅读(3994) 评论(22) 推荐(5) 编辑