网站首页
无损音乐
高清电影
游戏新闻
动漫资讯
破解资源
站长资源
游戏攻略
纯CSS实现的当鼠标移上图片添加阴影效果代码
网络编程 发布日期：2026/1/19 浏览次数：
1
正在浏览：纯CSS实现的当鼠标移上图片添加阴影效果代码
<html> <head> <title>CSS给图片添加阴影</title> <style> *{padding:0;margin:0;} body{background:#E8EDF1;padding:20px;} #profileAvatar {overflow:hidden;zoom:1;} #profileAvatar i{float:left;visibility:hidden;background:url(//img.jbzj.com/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> </head> <body> <i><i><i><i> <a href="javascript:;" onclick="showimg('/UploadFiles/2021-04-02/logo.gif');"><img src="/UploadFiles/2021-04-02/logo.gif" alt="纯CSS实现的当鼠标移上图片添加阴影效果代码" onmousewheel="return bbimg(this)" onload="javascript:resizepic(this)" border="0"/></a> </i></i></i></i> 鼠标移上去显示圆滑的阴影 <input type="button" value="缩小图片" onclick="document.getElementById('image').width -=10;" /> </body> </html>
[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]
上一篇：
JavaScript 未知高度元素垂直居中实现代码
下一篇：
Div+Js实现的带阴影菜单 微软以前网站曾用过
首页
无损音乐
高清电影
破解资源