web前端
数据库
编程语言
搜索技术
关于本站
登录
登 录
下次自动登录
学步园
返回顶部
查看留言
转到底部
现在的位置:
首页
> 综合 > 正文
RSS
纯CSS实现的当鼠标移上图片添加阴影效果代码
2013年03月02日
⁄ 综合
⁄ 共 497字 ⁄ 字号
小
中
大
⁄
评论关闭
<br /> <style> *{padding:0;margin:0;} body{background:#E8EDF1;padding:20px;} #profileAvatar {overflow:hidden;zoom:1;} #profileAvatar i{float:left;visibility:hidden;background:url(http://files.jb51.net/demoimg/200912/avatar.gif) 0 0 no-repeat;} #profileAvatar i i{background-position:100% 0; } #profileAvatar i i i{background-position:0 100%;} #profileAvatar i i i i{padding:0 5px 6px 0;background-position:100% 100%; } #profileAvatar img{visibility:visible;display:block;padding:3px;border:1px solid #ccc;background:#fff;} </style> <div id="profileAvatar"> <i><i><i><i><br /> <a href="http://www.jb51.net"><img src="http://www.jb51.net/images/logo.gif" width="215" id="image" onmouseover="show()" onmouseout="show()"></a><br /> </i></i></i></i> </div> <p>鼠标移上去显示圆滑的阴影 </p> <p><input type="button" value="缩小图片" onclick="document.getElementById('image').width -=10;">
返回
【上篇】
Android入门之数据存储那么几种方式
【下篇】
exports是设置NFS共享文件的
作者:
militia
该日志由 militia 于11年前发表在综合分类下，最后更新于 2013年03月02日.
转载请注明:
纯CSS实现的当鼠标移上图片添加阴影效果代码 | 学步园
+复制链接
抱歉!评论已关闭.
书签
招生
白云飘飘网
青岛房产网
最新文章New
网站优化可以收获更好的收益
robots在网页开发中起到了一定的
SEO引擎优化可以更好的方便搜索
Dreamweaver教程很实用，值得学习
很多的photoshop教程值得学习，你
编程语言很重要，特别是对于计算
数据库非常常见，也非常实用！
H5指的是第5代html，不同于传统企
HTML是什么，该怎么制作？
本站推荐
为什么PHP的吉祥物是一头大象
作业的提交和监控（二）
作业的提交和监控（一）
Boost – Function 分析
奇技淫巧 – C/C++ 宏自身
模板的 SFINAE 原则
Octopress 和 Git 的结合
Electric-fence 介绍