700字范文,内容丰富有趣,生活中的好帮手!
700字范文 > 纯CSS实现的当鼠标移上图片添加阴影效果代码_图象特效

纯CSS实现的当鼠标移上图片添加阴影效果代码_图象特效

时间:2019-07-06 21:58:41

相关推荐

纯CSS实现的当鼠标移上图片添加阴影效果代码_图象特效

web前端|js教程

CSS,图片,添加阴影

web前端-js教程

旅游信息系统源码,接口文档生成VSCOde,ubuntu的keil,简述tomcat的优势,评分爬虫,php 接口token,桂城seo优化渠道,mvc 企业网站源码,企业站seo模板lzw

CSS给图片添加阴影

直播系统 源码,树莓派ubuntu下载,爬虫抓取table内容,php m=,沈阳seo论坛lzw

*{padding:0;margin:0;} body{background:#E8EDF1;padding:20px;} #profileAvatar {overflow:hidden;zoom:1;} #profileAvatar i{float:left;visibility:hidden;background:url(/demoimg/12/avatar.jpg) 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;}

汽车门户网站源码,vscode插件位置修改,ubuntu 耳机 噪音,访问tomcat应用慢,爬虫出圈,php网游源码,广州seo外包服务推广,网站内容模版,资源信息库模板lzw

鼠标移上去显示圆滑的阴影

var imgBg=document.getElementById(‘profileAvatar’).getElementsByTagName(‘i’)function show(){ for(i=0;i<imgBg.length;i++) { if(imgBg[i].style.visibility==visible) imgBg[i].style.visibility=hidden; else imgBg[i].style.visibility=visible }}

[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。