用css filter做鼠标滑过图片效果
2008-06-10 21:51
1506 查看
首先看个简单的例子吧。
http://www.cssrain.cn *{ margin:0; padding:0;} body{ margin:0 auto; font-size:12px;} .model{margin:0 auto; width:30px;} .model a:hover{ text-decoration:none;} .model a img{ border:#fff 1px solid;} .model a:hover img{ border:#888 1px dotted;} .model a span{ padding:0; display:block; width:80px; height:50px; margin-top:-32px; overflow:hidden; line-height:14px; filter: Alpha(opacity=0); opacity:.0; cursor:pointer; text-align:center;}
相关文章推荐
- 用css filter做鼠标滑过图片效果
- CSS控制当鼠标滑过时更换图片的效果
- CSS控制当鼠标滑过时更换图片的效果
- css特效:鼠标滑过图片出现一道闪光效果
- css效果:鼠标滑过放大图片
- 鼠标滑过图片抖动晃动效果(css/Shake)
- css实现基本的鼠标滑过图片添加遮蔽层效果
- CSS+jQuery实现的鼠标滑过图片周围图片变暗的效果
- css background 属性设置鼠标滑过图片跳动效果
- 浅谈CSS和JQuery实现鼠标悬浮图片放大效果
- 默认图片是灰色鼠标放上去变彩色css效果代码(仅支持ie)
- 1.纯css实现鼠标移动图片切换的效果
- CSS鼠标滑过变色效果
- 鼠标滑过图片切换函数(简化版)鼠标滑动效果
- div+css 带缩略图鼠标滑过切换图片
- CSS实现鼠标滑过时显示图片说明
- JS实现鼠标滑过图片的抖动效果
- 鼠标滑过,图片放大效果。
- 鼠标滑过显示图片大图效果
- JQ实现效果:鼠标滑过图片,图片变大